Javascript 如何检查元素是否有特定的子元素？

如何检查元素是否有特定的子元素

我使用以下方法将子元素添加到元素中：

var child1 = document.createElement('div');
document.body.appendChild(child1);

如何检查

child1

是否已连接到

正文

if (document.body.alreadyHas(child1)) …
                  ^^^^^^^^^^
                what to do here?

---

您可以使用HTMLDOM

querySelector（）

方法来实现这一点

if(document.querySelector("div .example").length>0)
{
//your code
}

---

您可以使用HTMLDOM

querySelector（）

方法来实现这一点

if(document.querySelector("div .example").length>0)
{
//your code
}

---

给定对两个元素的引用，可以使用以下方法测试其中一个元素是否是另一个元素的子元素：

if (child1.parentElement === parent1) {
  // do something
}

因此，在您所说的父母是

主体的特定情况下，您可以这样做：


var child1=document.createElement（'div'）；
var child2=document.createElement（'div'）；
document.body.appendChild（child1）；//注意我们只附加了一个
if（child1.parentElement==document.body）{
console.log（“child1是主体的子项”）；//这将运行
}
if（child2.parentElement==document.body）{
console.log（“child2是主体的子对象”）；//这不会运行
}
给定对两个元素的引用，您可以使用以下方法测试其中一个元素是否是另一个元素的子元素：

if (child1.parentElement === parent1) {
  // do something
}

因此，在您所说的父母是
主体的特定情况下，您可以这样做：


var child1=document.createElement（'div'）；
var child2=document.createElement（'div'）；
document.body.appendChild（child1）；//注意我们只附加了一个
if（child1.parentElement==document.body）{
console.log（“child1是主体的子项”）；//这将运行
}
if（child2.parentElement==document.body）{
console.log（“child2是主体的子对象”）；//这不会运行
}
那么至少告诉我们你在找什么“特定的孩子”？您有要测试的DOM元素吗？还是一个类名？还是身份证？或者一个可能出现在子元素中某个位置的字符串？@deceze我添加的所有子元素都是DOMSO您想测试DOM元素
child1
是否已附加到
元素
…？您应该回答您的问题以澄清这一点，回答者已经感到困惑。因此，至少告诉我们您正在寻找的是什么“特定子元素”？您有要测试的DOM元素吗？还是一个类名？还是身份证？或者一个可能出现在子元素中某个位置的字符串？@deceze我添加的所有子元素都是DOMSO您想测试DOM元素
child1
是否已附加到
元素
…？您应该回答您的问题以澄清这一点，回答者已经感到困惑。不，这测试元素是否有与该选择器匹配的子元素，它不测试特定元素。@nnnnnnnn但是“特定元素”实际上可以是一个选择器（问题中不清楚），如果你想检查一个有
id=“example”
的div，你可以使用
document.querySelector（“div#example”）.length>0
，我想它可以工作。不，它测试一个元素是否有与该选择器匹配的子元素，但不测试特定元素。@nnnnnnnn但是如果要检查具有
id=“example”
的div，可以使用
document.querySelector（“div#example”）的“特定元素”实际上可以是一个选择器（问题中不清楚）.length>0
）我想它会有用的。最后我得到了一个简单易懂的东西！！非常感谢。最后我得到了一些有用且简单易懂的东西！！多谢各位。