1、表格应用:隔行变色、移入变色



ID 姓名 年龄
1 宅总 43
2 李四 44
3 肖大锤 32
4 折耳根 38
5 莱豆豆 42
2、表格应用:添加、删除

姓名: 年龄:

ID 姓名 年龄 操作
1 宅总 43 删除
2 李四 44 删除
3 肖大锤 32 删除
4 折耳根 38 删除
5 莱豆豆 42 删除
记录

隔行变色:循环所有的tr,当第i个tr的模2等于0时,执行变色



移入变色:↑ 当第i个rows进行onmouseover的时候,先不进行改颜色,而是先把它之前的颜色作为变量给存起来,然后再变色。 当进行onmouseout的时候,让它的变色变成之前存的变量。



添加表格:当进行添加的时候,首先需要添加一个tr子节点 然后在tr里再分别添加4个td子节点 然后分别把每个td放进tr,例如:atr.appendChild(atd);。最后把整个tr进行appendChild放进tbody 如:tab2.getElementsByTagName("tbody")[0].appendChild(atr); 第一个td的innerHTML是ID,首先把tr个数的length作为一个变量存下。然后在innerHTML中赋值这个变量并加1。 ID不重用,一旦出现了一次,就不会出现第二次。 第二个td和第三个td的innerHTML分别是两个输入框的value。 第四个td的innerHTML是删除连接。



删除表格:↑ 首先从atd里把第0个A标签选出来,加onlick,如:atd.getElementsByTagName("a")[0].onclick=function() 在表格的tbody里removeChild这个A标签的父级(td)的父级(tr)如: tab2.getElementsByTagName("tbody")[0].removeChild(this.parentNode.parentNode);