Javascript childNodes用法

大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46，售后保障稳定

<head>
<script type="text/javascript">
  //定义函数getInfo()，用于获取小节的详细信息
  function getInfo(){
    //使用getElementById()方法获取<ul>元素以及<div>元素
    var list = document.getElementById("list");
	//使用childNodes数组导航到相应的小节
	var node = list.childNodes;
	alert(node.length);
	//如果小节中有详细的内容则subNode表示小节中的列表
	var subNode = node[3].childNodes[1];
    alert(subNode.childNodes[3].innerHTML);
  }
</script>
</head>
<body οnlοad="getInfo()">
<ul id="list">
  <li>16.1	DOM概述</li>
  <li> 16.2	树与结点
	<ul>
      <li> 16.2.1	 HTML文档与DOM树</li>
      <li> 16.2.2	 节点 </li>
	</ul>
  </li>
</ul>
</body>

Jetbrains全家桶1年46，售后保障稳定打印