Javascript 选取元素的兄弟节点、父节点、子节点

要选取元素的兄弟节点，可以使用以下方法：

1. 使用 JavaScript 的 nextSibling 和 previousSibling 属性来访问元素的下一个兄弟节点和前一个兄弟节点。例如，如果有一个元素节点 elem，可以使用 elem.nextSibling 来获取下一个兄弟节点，使用 elem.previousSibling 来获取前一个兄弟节点。需要注意的是，这些属性返回的节点可能是文本节点或注释节点，而不仅仅是元素节点。

2. 如果只想选择元素节点作为兄弟节点，可以使用 nextElementSibling 和 previousElementSibling 属性。这两个属性只返回元素节点，而不包括文本节点或注释节点。例如，使用 elem.nextElementSibling 来获取下一个元素节点作为兄弟节点，使用 elem.previousElementSibling 来获取前一个元素节点作为兄弟节点。

这些方法可以在 JavaScript 中使用，通过操作 DOM 来选择元素的兄弟节点。

获取指定标签的子元素

var childElements = parentElement.querySelectorAll('div'); // 查询所有div子元素

获取元素的父节点

const parent = element.parentNode;

如果元素没有父节点（比如根节点），那么parentNode属性将返回null