​x
 
<!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>
​