JS获取子节点父节点和兄弟节点的方法实例总结
一、获取子节点
1、使用childNodes属性
childNodes属性用于返回指定节点的子节点集合。该函数定义如下：
node.childNodes
这个集合不仅包含元素节点，还包含文本节点和注释节点。我们要想获取只是元素节点，就要使用children属性了。
2、使用children属性
children属性，用于返回指定节点的子元素集合，不会返回文本节点和注释节点。函数定义如下：
node.children
3、使用getElementsByTagName
ElementsByTagName(tagName)
4、使用querySelectorAll
querySelectorAll(为CSS3新增API，用于获取符合指定CSS选择符的元素集合，函数定义如下：
element.querySelectorAll(selector)
二、获取父节点
1、使用parentNode属性
parentNode属性，用于返回指定节点的父节点，该函数定义如下：
node.parentNode
js获取子元素2、使用parentElement属性
parentElement属性，用于返回指定节点的父元素，这里要注意：parentElement只会返回父元素，它一定不会返回文本节点，函数定义如下：
node.parentElement
3、使用offsetParent属性
offsetParent属性，用于返回一个指定元素的第一个定位元素。一般来说，块级元素的offsetParent是定位在它的父元素，而行内元素的offsetParent是定位在它的body元素上。函数定义如下：
node.offsetParent
三、获取兄弟节点
1、使用previousSibling属性
previousSibling属性，用于返回指定节点的上一个相邻节点。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。