用javascript隐藏表行（NO jQuery）

Question

我在<tr>标记中有一个名为 semana2 的表格元素。如何使用javascript（无jQuery）隐藏/显示

我试试这个并不起作用：     document.getElementById（'semana2'）。style.visibility = false;

Answer 1

false不是visibility属性的有效值。

您应该使用以下选项之一：

• myElement.style.display = "none"（隐藏，不显示空格）
• myElement.style.visibility = "hidden"或myElement.style.opacity = 0（隐藏，但显示元素所在的空白区域）。

opacity有一个很好的属性，可以使用CSS transition设置动画，但您应该注意limited compatibility with IE < 9。

顺便提一下，visibility的有效值为visible | hidden | collapse - 请参阅MDN documentation。

Answer 2

 document.getElementById('semana2').style.display = "none";

可见性也可以，但你必须使用它：

document.getElementById('semana2').style.visibility = "hidden";

但请注意，如果您使用可见性＆＃34;隐藏＆＃34;您的元素框仍将呈现。即：如果你有一个20x20的div并且对它应用visibility = "hidden";，你将得到一个20x20的空方块。如果你设置display = "none";，那么就好像什么都没有。