admin 管理员组

文章数量: 1086019


2024年4月18日发(作者：如何制作网页录入数据)

JS获取子节点父节点和兄弟节点的方法实例总结

一、获取子节点

1、使用childNodes属性

childNodes属性用于返回指定节点的子节点集合。该函数定义如下：

odes

这个集合不仅包含元素节点，还包含文本节点和注释节点。我们要想

获取只是元素节点，就要使用children属性了。

2、使用children属性

children属性，用于返回指定节点的子元素集合，不会返回文本节

点和注释节点。函数定义如下：

en

3、使用getElementsByTagName

mentsByTagName(tagName)

4、使用querySelectorAll

querySelectorAll(为CSS3新增API，用于获取符合指定CSS选择符

的元素集合，函数定义如下：

electorAll(selector)

二、获取父节点

1、使用parentNode属性

parentNode属性，用于返回指定节点的父节点，该函数定义如下：

Node

2、使用parentElement属性

parentElement属性，用于返回指定节点的父元素，这里要注意：

parentElement只会返回父元素，它一定不会返回文本节点，函数定义如

下：

Element

3、使用offsetParent属性

offsetParent属性，用于返回一个指定元素的第一个定位元素。一

般来说，块级元素的offsetParent是定位在它的父元素，而行内元素的

offsetParent是定位在它的body元素上。函数定义如下：

Parent

三、获取兄弟节点

1、使用previousSibling属性

previousSibling属性，用于返回指定节点的上一个相邻节点。


本文标签： 节点 元素 指定 返回 用于

版权声明：本文标题：JS获取子节点父节点和兄弟节点的方法实例总结 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/p/1713382501a631836.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。