javascript - 获取 JavaScript 中元素的每个子元素的每个子元素

标签 javascript html children

假设我有一个元素,document.createElement("div") ,我们称之为 myDiv myDiv.innerHTML = "<div><p></p></div>" , 现在 myDiv有一个 child :一个div .还有这个div有一个 child ,一个p .我知道我可以得到 myDiv的 child 使用 myDiv.childNodes , 和 div正在使用 myDiv.childNodes[0].childNodes .但是现在我怎样才能得到每个 child 的每个 child ,就像每个存在的 child 一样?示例:

myDiv.innerHTML = "<div><p></p><i></i></div></p></p>"
myDiv.someMethod((childs) => {
   // childs should return the `div`, the `div`'s childs (`p` & `i`) and `p` 
})

最佳答案

你可以使用Element.querySelectorAll

let div = document.createElement('div');
div.innerHTML = `<div><p></p><i></i></div><p></p>`;

console.log([...div.querySelectorAll('*')])

关于javascript - 获取 JavaScript 中元素的每个子元素的每个子元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55287105/

相关文章:

javascript - 在鼠标悬停时向 jquery 事件添加延迟

javascript - 如何让这个复选框切换工作

html - 未单击的样式单选按钮

javascript - 使用 .map 且条件计算结果为 true 时加 1

javascript - 在 Windows 中预编译 Handlebars.js 模板

html - 内联 block anchor 标记不合适有人可以告诉我为什么吗?

android - 在 ListView 项的子项上单击

c++ - 堆中的 parent 是否有 child

javascript - 如何在 Javascript/Typescript 中使用 Storyblok 电子邮件服务?

javascript - 下划线包含基于对象属性