2024年3月30日发(作者：)

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属性，用于返回指定节点的上一个相邻节点。