html运行实例（jsck_node_childnodes

代码示例：（标识：jsck_node_childnodes_2）

<!DOCTYPE html>
<html>
<head>
<style>
div {
  border: 1px solid black;
  margin: 5px;
}
</style>
</head>
<body>
<h1>Element 对象</h1>

<h2>childNodes 属性</h2>

<div id="myDIV">
  <p>第一个 p 元素</p>
  <p>第二个 p 元素</p>
</div>

<p>为 div 的第二个子节点添加背景颜色。</p>

<p>元素内的空白被认为是文本节点。在此例中，myDIV 中的索引 0、2 和 4 是文本节点。</p>

<script>
document.getElementById("myDIV").childNodes[1].style.backgroundColor = "yellow";
</script>

</body>
</html>