Question

我想只使用childNodes [x]隐藏P0段落。我想知道它是如何工作的，因为它在这段代码中隐藏了整个div：

<html>
<body>

<div id="myDiv">
 <p>P0</p>
 <p>P1</p>
</div>

<button onclick="hideFn();">hide</button>

<script>

function hideFn()
    {
      document.childNodes[0].childNodes[1].childNodes[1].style.display = "none";

    }

</script>

</body>
</html>
</html>

Answer 1

您可以通过简单地逐步执行遍历来轻松找到原因：

文件

文件

.childNodes [0]

documentElement，也称为根节点（<html>）

.childNodes [1]

<body>

.childNodes [1]

<div>

当我使用childNodes [x]方法时，为什么这段代码会隐藏整个Div？

1 个答案: