Javascript childNodes用法

最新推荐文章于 2020-09-13 21:25:10 发布

angleretar

最新推荐文章于 2020-09-13 21:25:10 发布

阅读量2.3k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： childNodes innerHTML

本文链接：https://blog.youkuaiyun.com/angleretar/article/details/9336955

javascript 专栏收录该内容

6 篇文章

订阅专栏

本文通过实例介绍了DOM树的概念及如何使用JavaScript操作DOM树中的节点。具体包括HTML文档与DOM树的关系、节点的基本概念以及如何通过JavaScript获取特定的节点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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 onload="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>

打印