如何获取当前节点的子节点，父节点，兄弟节点

Posted on Wed, 25 Dec 2024 16:15:08 +0800 by LiangMingJian

需求 #

获取选中节点的父元素，子元素，兄弟元素。

实现 #

通过获取 dom 方式直接获取子节点：

var child = document.getElementById("test").getElementsByTagName("div");

通过 childNodes 获取子节点：

var child = document.getElementById("test").childNodes;

通过 children 来获取子节点：

var child = document.getElementById("test").children[0];

通过 parentNode 获取父节点：

var parent = document.getElementById("test").parentNode;

通过获取父节点再获取子节点来获取兄弟节点：

var brother = document.getElementById("test").parentNode.children[1];

获取上一个兄弟节点：

var brother = document.getElementById("test").previousElementSibling;

获取下一个兄弟节点：

var brother = document.getElementById("test").nextElementSibling;