Return to Answer

No need for getElementById there

edited May 3, 2022 at 12:08

21.5k
10
72
113

The below code searches for any element with a class inside a parent using querySelectorAll():

if (document .getElementById("main") .querySelectorAll(""#main .myclass").length > 0) { console.log("#main has .myclass inside"); } else { console.log("#main has no .myclass inside"); }

<div id="main"> <div class="myclass"></div> </div>

The below code searches for any element with a class inside a parent using querySelectorAll():

if (document .getElementById("main") .querySelectorAll(".myclass").length > 0) { console.log("#main has .myclass inside"); } else { console.log("#main has no .myclass inside"); }

<div id="main"> <div class="myclass"></div> </div>

The below code searches for any element with a class inside a parent using querySelectorAll():

if (document.querySelectorAll("#main .myclass").length > 0) { console.log("#main has .myclass inside"); } else { console.log("#main has no .myclass inside"); }

<div id="main"> <div class="myclass"></div> </div>

Source Link

answered Dec 15, 2016 at 14:07

DontVoteMeDown

21.5k
10
72
113

The below code searches for any element with a class inside a parent using querySelectorAll():

if (document .getElementById("main") .querySelectorAll(".myclass").length > 0) { console.log("#main has .myclass inside"); } else { console.log("#main has no .myclass inside"); }

<div id="main"> <div class="myclass"></div> </div>

Collectives™ on Stack Overflow

Return to Answer