javascript - getElementsByTagName("tbody") 不工作。选择？

Question

我有一个<tbody>我想通过 JS 访问的标签。

尝试获取document.body.getElementsByTagName("tbody")或时出现错误document.getElementsByTagName("tbody")。为什么？

在这里提琴

html

<tbody>
<tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
</tr>
</tbody>

Answer 1

利用

document.getElementsByTagName("tbody")

你需要tbody用 table标签包装。

请参阅演示。

Answer 2

首先，将您的 HTML 包装在一个<table>.

其次，关于你的 jsFiddle：

var tbodies = document.getElementsByTagName("tbody");
tbodies.style.display = "none";

这行不通。getElementsByTagName返回一个元素列表。

如果要定位第一个，请使用：

var tbodies = document.getElementsByTagName("tbody")[0];

或者，如果您想定位 all <tbody>，请遍历每个元素并将样式应用于每个元素：

for(var i = 0; i < tbodies.length; i++) {
  tbodies[i].style.display = "none";
}