实现JS中查找最近共有祖先元素的代码更新2021年12月30日【20-40字】

在JavaScript中查找最近的共有祖先元素可以通过编写以下代码实现。首先需要理解DOM是一棵树的结构，根节点是Document，每一个节点都有父节点和子节点，通过遍历树的结构可以找到最近的共有祖先元素。 我们可以使用以下代码来实现找到最近的共有祖先元素： ```javascript function findClosestAncestor(elem1, elem2) { const parentsOfElem1 = []; let parent = elem1.parentNode; // 将elem1的所有祖先节点存入数组 while (parent) { parentsOfElem1.push(parent); parent = parent.parentNode; } parent = elem2.parentNode; // 遍历elem2的祖先节点，找到与elem1的祖先节点相同的最近祖先节点即为结果 while (parent) { if (parentsOfElem1.includes(parent)) { return parent; } parent = parent.parentNode; } // 如果没有找到共有祖先节点，返回null return null; } // 测试 const elem1 = document.getElementById('i'); const elem2 = document.getElementById('g'); const closestAncestor = findClosestAncestor(elem1, elem2); console.log(closestAncestor); ``` 上述代码中，我们定义了一个函数`findClosestAncestor`来查找最近的共有祖先元素。首先，我们遍历elem1的所有祖先节点，并存入数组中。然后再遍历elem2的祖先节点，如果找到与elem1的共有祖先节点，即返回该节点作为结果。如果没有找到共有祖先节点，返回null。 在测试部分，我们获取了elem1和elem2元素，并调用`findClosestAncestor`函数来找到它们的最近共有祖先元素。最后输出结果到控制台。 通过以上代码，我们可以在JavaScript中找到给定两个元素的最近共有祖先元素。这种方法可以适用于任意DOM树结构的查找操作，让我们更加灵活地处理元素之间的关系。希望以上内容能够帮助大家更好地理解和实现这个功能。