javascript - 如何判断一个元素是否是 JavaScript 中另一个元素的子元素(不是 jQuery)？

Question

如果我有 2 个 HTML 元素，我如何轻松判断其中一个是另一个的子元素？

var parent = document.getElementById('shapes');
var child = document.getElementById('star');

在像 child.getParentElement() 这样的元素上是否有任何类型的函数可以与 child.getParentElement() == parent 进行比较？

我知道 parent.children 返回一个子数组，所以我想我可以使用 for 循环并将每个子元素与 child 进行比较。是否有更简单的单一功能方法来执行此操作？

没有 jQuery 或其他库。

Answer 1

检查 child 的.parentNode。

if (child.parentNode === parent) {...