javascript等价于jquery所有子项选择器

我有下面的jquery选择器，我正在尝试将其转换为常规javascript

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

常规javascript的等价物是什么？ 我能做这个吗

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

---

您必须显式地迭代与

#lement>*

选择器匹配的所有元素（可以使用

querySelectorAll

获取集合），然后将处理程序附加到每个元素：

document.queryselectoral（'#lement>*'）.forEach（（子项）=>{
addEventListener（'dblclick'，（）=>console.log（'双击！'）；
});

内容1
内容2
它将是完全相同的选择器，刚刚传递给

然后，您将枚举找到的节点，并使用事件处理程序手动设置每个节点。由于
.querySelectorAll（）
返回节点列表，因此最好将其转换为
数组
，以便在所有浏览器中可靠地调用该方法


let elems=Array.prototype.slice.call（document.queryselectoral（“#element>*”）；
elems.forEach（（el）=>{el.addEventListener（“dblclick”，function（））{
log（“你点击了我！”）；
}); });

一些标题
某段

某个部门
一种优雅、非jQuery的方法是通过
queryselectoral（）
：


document.querySelectorAll（'#lement>*'）.forEach（函数（节点）{
node.addEventListener（“dblclick”，函数（e）{
log（'双击#元素的子元素'）；
});
})
p{
保证金：1rem；
背景：红色；
颜色：白色；
}

双击“我-孩子1”

双击我-孩子2


document.querySelectorAll("#element > *");