如何遍历DOM树的parentNode

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