如何检查一个DOM元素是否是另一个DOM元素的子元素?有什么内置的方法吗?例如，像这样:
if (element1.hasDescendant(element2))
or
if (element2.hasParent(element1))
如果没有，有什么想法如何做到这一点?它还需要跨浏览器。我还应该提到，子对象可以嵌套在父对象的许多层之下。
当前回答
试试这个:
x = document.getElementById("td35");
if (x.childElementCount > 0) {
x = document.getElementById("LastRow");
x.style.display = "block";
}
else {
x = document.getElementById("LastRow");
x.style.display = "none";
}
其他回答
试试这个:
x = document.getElementById("td35");
if (x.childElementCount > 0) {
x = document.getElementById("LastRow");
x.style.display = "block";
}
else {
x = document.getElementById("LastRow");
x.style.display = "none";
}
您应该使用Node。包含，因为它现在是标准的，在所有浏览器中都可用。
https://developer.mozilla.org/en-US/docs/Web/API/Node.contains
TL;DR:图书馆
我建议使用类似dom-helpers的东西，它是由react团队作为常规JS库编写的。
在它们的contains实现中，你会看到一个基于node# contains的实现，并带有一个node# compareDocumentPosition回退。
不支持非常老的浏览器，例如IE <9，我觉得这是可以接受的。
这个答案包含了上面的问题，但是我建议你不要循环。
我遇到了一段很棒的代码，用来检查一个元素是否是另一个元素的子元素。我必须使用这个，因为IE不支持.contains element方法。希望这也能帮助到其他人。
函数如下:
function isChildOf(childObject, containerObject) {
var returnValue = false;
var currentObject;
if (typeof containerObject === 'string') {
containerObject = document.getElementById(containerObject);
}
if (typeof childObject === 'string') {
childObject = document.getElementById(childObject);
}
currentObject = childObject.parentNode;
while (currentObject !== undefined) {
if (currentObject === document.body) {
break;
}
if (currentObject.id == containerObject.id) {
returnValue = true;
break;
}
// Move up the hierarchy
currentObject = currentObject.parentNode;
}
return returnValue;
}
考虑使用nearest ('.selector')
如果元素和它的任何祖先都不匹配选择器，则返回null。或者返回找到的元素
