阅读量: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
函数用于从根节点开始向下遍历所有子节点。你可以根据实际需求修改这些函数来适应你的场景。