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);