<!DOCTYPE>
Insert title here th{ background-color:red; } td{ background-color:green; } function tagger(theclass){ var var1 = new Array(); var1 = document.getElementsByTagName('*'); for (var i=0; i<var1.length; i++) { if (var1[i].className.indexOf(theclass) != -1) { if (var1[i].style.display=="block") { var1[i].style.display="none"; } else { var1[i].style.display="block"; } } } }
姓名 | 学号 | 成绩 |
---|---|---|
ryan | 1001 | 100 |
alion | 1002 | 95 |
petter | 1003 | 90 |
以上代码实现了 点击按钮,对应的列会隐藏/显示。 但是点击第2个button 再次显示列内容的时候,该列的th 会和点击第1个button显示的列的th上下重叠在一起,求解!