本文摘自PHP中文网,作者云罗郡主,侵删。
本篇文章给大家带来的内容是关于如何查看当前文档某个元素的子节点?有几种方法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
源代码:
1 2 3 4 5 6 7 8 9 10 | <!DOCTYPE html>
< html lang = "zh-CN" >
< head >
< meta charset = "utf-8" />
< title ></ title >
</ head >
< body >
< div >Hello</ div >
</ body >
</ html >
|
方式一:
1 2 3 4 5 6 7 | //直接在html文档中嵌入javascript代码,如下:
< script >
var b = document.getElementsByTagName("body");
//当前文档中值存在一个body元素时,直接使用b[0]获取
var childNodes_count = b[0].childNodes;
//返回由子节点元素构成的数组,分别为text、div、text、script、text(text为空白文本节点)
</ script >
|
方式二:
1 2 3 4 5 | //在调试工具中添加一个watch中输入
var b = document.getElementsByTagName("body");
//再添加一个监听(watch)输入
b[0].childNodes
//子节点有text、div、text
|
方式三:
1 2 3 4 5 | //在Console中输入
var b = document.getElementsByTagName("body");
//切换到Sources中,在watch中输入
b[0].childNodes
//子节点有text、div、text
|
以上就是对如何查看当前文档某个元素的子节点?有几种方法的全部介绍,如果您想了解更多有关HTML视频教程,请关注PHP中文网。
以上就是如何查看当前文档某个元素的子节点?有几种方法的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
html怎么去除字体下划线?去除字体下划线方法
pushstate、popstate操作url的方法
@import怎么引入css文件?有什么方法
h5有哪些清空画布方法
vue文件中html代码格式化方法
javascript中创建对象的方法有哪几种
利用html5以及canvas实现支持签名插件的方法
集成ueditor富文本编辑器的方法
用css制作立体导航栏的方法
h5正常文本框提示语的实现方法
更多相关阅读请进入《元素的子节点》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » 如何查看当前文档某个元素的子节点?有几种方法