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>

全栈前端 / JavaScript语法 :





















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.