如何查看当前文档某个元素的子节点?有几种方法


本文摘自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中文网。

以上就是如何查看当前文档某个元素的子节点?有几种方法的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

php无刷新提交表单另一种方法

图片之间的缝隙解决方法

利用html5以及canvas实现支持签名插件的方法

301重定向是什么意思?301的方法有哪些

html中表格动态添加的方法

vue文件中html代码格式化方法

javascript的方法是函数吗

jquery中如何实现toggle方法

elementui的默认样式修改方法分享

vue跨域的解决方法

更多相关阅读请进入《元素的子节点》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    暂无评论...