使用JavaScript隐藏HTML表格列

Question

我想用JavaScript隐藏HTML模板的某些列。谁能告诉我怎样才能做到这一点？我尝试过为整个列TD提供ID，然后制作document.getElementById("ID").style.display = "none"，但它只隐藏了第一个TD。

谢谢。

Answer 1

您是否考虑过使用jQuery Library？

$('.tdCssClass').hide()

你甚至可以更进一步，避免使用cssClass：

$('td:nth-child(2)').hide()

会隐藏第二列。

Answer 2

ID应该唯一使用，即仅用于一个元素，因此getElementById只返回1个元素，第一个匹配。尝试使用类而不是：

var elems = document.getElementsByClassName("someClass");
for(var i = 0; i < elems.length; i++)
    elems[i].style.display = "none";

意外的jQuery模式中的

编辑：＆gt;：）

Answer 3

我最近使用jquery columnManager http://p.sohei.org/jquery-plugins/columnmanager/来允许用户轻松显示/隐藏表格列，并且效果非常好。