查看当前文档某个元素的子节点

男娘i 2022-06-07 09:12 181阅读 0赞

源代码：

  1. <!DOCTYPE html>
  2. <html lang = "zh-CN">
  3. <head>
  4. <meta charset="utf-8"/>
  5. <title></title>
  6. </head>
  7. <body>
  8.     <div>Hello</div>
  9. </body>
  10. </html>

方式一：

  1. //直接在html文档中嵌入javascript代码,如下：
  2. <script> var b = document.getElementsByTagName("body"); //当前文档中值存在一个body元素时，直接使用b[0]获取 var childNodes_count = b[0].childNodes; //返回由子节点元素构成的数组，分别为text、div、text、script、text（text为空白文本节点） </script>

方式二：

  1. //在调试工具中添加一个watch中输入
  2. var b = document.getElementsByTagName("body");
  3. //再添加一个监听（watch）输入
  4. b[0].childNodes
  5. //子节点有text、div、text

方式三：

  1. //在Console中输入
  2. var b = document.getElementsByTagName("body");
  3. //切换到Sources中，在watch中输入
  4. b[0].childNodes
  5. //子节点有text、div、text

发表评论

表情：
评论列表 （有 0 条评论，181人围观）

还没有评论，来说两句吧...

相关阅读