获取标签的子元素

最新推荐文章于 2023-09-19 21:27:03 发布

_陌默

最新推荐文章于 2023-09-19 21:27:03 发布

阅读量3.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签：获取子元素

本文链接：https://blog.youkuaiyun.com/qq_21397815/article/details/90520695

JavaScript 专栏收录该内容

35 篇文章

订阅专栏

博客提到可在注释中写HTML模板，实现JavaScript与HTML分离，还涉及获取子元素相关内容，聚焦于前端开发中代码结构优化与元素操作。

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

<ul id="list"><!-- <li>0</li> -->
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
</ul>

 <script>
 var list = document.getElementById('list'); 
  console.log(list.children); // 获取到的是非注释与换行符的子标签 长度是 4
 console.log(list.childNodes); // 获取到的包括换行符与注释的所有子标签 长度是10
 </script>

ps:可以在注释中写html模板，做到javascript 与 html 分离。