要素に特定の子があるかどうかをチェックする方法は？

Question

要素に特定の子があるかどうかをチェックする方法は？

私が使用して私の要素に子を追加しました：

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

私はchild1がすでにbodyに装着されているかどうかを確認するにはどうすればよいですか？

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

Answer 1

1は次のように.parentElement propertyを使用して、他の子であるならば、あなたがテストすることができます。あなたが親を言った、あなたの特定のケースでそう

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

bodyは、あなたがこれを行うことができます。

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 
 
    }

Answer 2

これは、HTML DOM querySelector()メソッドを使用して行うことができます。

二つの要素への参照を考えると

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