Question

如何检查某个元素是否有特定的孩子？

我使用以下内容将子项添加到我的元素中：

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

如何检查child1是否已附加body？

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

Answer 1

鉴于对两个元素的引用，您可以使用.parentElement property测试一个是否是另一个元素的子元素，如下所示：

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

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

＆＃13;

    var child1 = document.createElement('div');
    var child2 = document.createElement('div');
    document.body.appendChild(child1); // note we only append one

    if (child1.parentElement === document.body) {
      console.log("child1 is a child of the body"); // this will run
    }
    if (child2.parentElement === document.body) {
      console.log("child2 is a child of the body"); // this won't run
    }

＆＃13;

Answer 2

您可以使用HTML DOM querySelector()方法执行此操作。

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

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

2 个答案: