如何遍历DOM树的parentNode

avatar
作者
筋斗云
阅读量:7

遍历DOM树的parentNode,可以通过循环遍历每个节点的parentNode属性来实现。以下是一个示例代码:

// 从指定节点开始向上遍历父节点直到根节点 function traverseParentNodes(node) {     var currentNode = node;     while (currentNode.parentNode) {         console.log(currentNode.parentNode);         currentNode = currentNode.parentNode;     } }  // 从根节点开始向下遍历子节点 function traverseChildNodes(node) {     if (node.childNodes) {         for (var i = 0; i < node.childNodes.length; i++) {             var childNode = node.childNodes[i];             console.log(childNode);             traverseChildNodes(childNode);         }     } }  // 从指定节点开始遍历它的父节点 var startNode = document.getElementById('startNode'); traverseParentNodes(startNode);  // 从根节点开始向下遍历所有节点 traverseChildNodes(document.documentElement); 

在上面的示例中,traverseParentNodes函数用于从指定节点开始向上遍历父节点,直到根节点。traverseChildNodes函数用于从根节点开始向下遍历所有子节点。你可以根据实际需求修改这些函数来适应你的场景。

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!