javascript equivalent of jquery all children selector

Tags: ,



I have the following jquery selector which I am trying to convert to regular javascript.

$("#lelement>*").on("dblclick", function(){
});

what would the equivalent be with regular javascript ? Can I do this ?

document.getElementById('element').childNodes.addEventListener("dblclick", function(e){
});

Answer

One elegant, non-jQuery way to do this would be via querySelectorAll():

    document.querySelectorAll('#lelement > *').forEach(function(node) {
        node.addEventListener("dblclick", function(e){
           console.log('double clicked on child of #element');
        });
    })
p {
margin:1rem;
background:red;
color:white;
}
<div id="lelement">
<p>Double click me - Child 1</p>
<p>Double click me - Child 2</p>
</div>


Source: stackoverflow