JS childNodes 子节点
childNodes子节点
JavaScript DOM中的childNodes可以获取调用对象的子节点,为子节点的集合,可以通过索引的方式来获取特定的子节点。
语法
parentNode.childNodes[nodeNumber]
childNodes子节点实例代码,及在线编辑器
下方实例通过childNodes设置第一个子节点p段落的字体颜色,注意文本节点的存在,比如将childNodes[1]中的换成2试一试,也可以将下方注释符号“//”去掉之后,再运行试一试:
<div id='d'>
<p>段落一</p>
<span>这是span</span>
<div>这是div</div>
</div>
<script>
var d = document.getElementById('d');
d.childNodes[1].style.color = "skyblue"
// alert(d.childNodes[2])
</script>