假设我动态创建了一些div,每个div都有动态创建的id(div0、div1、div2等),并且我希望使用一个函数来传递当前存在的div并将其innerHTML放入数组中(一个,在本例中是两个、三个),我如何在 javascript 中实现这一点?
html 示例:
<div contenteditable="false" id="div0">
<a href="#">one</a>
<span id="one-close">
<i class="material-icons">close</i>
</span>
</div>
<div contenteditable="false" id="div1">
<a href="#">two</a>
<span id="two-close">
<i class="material-icons">close</i>
</span>
</div>
<div contenteditable="false" id="div2">
<a href="#">three</a>
<span id="three-close">
<i class="material-icons">close</i>
</span>
</div>
最佳答案
您还可以使用扩展语法
const divsContents = [...document.querySelectorAll("div>a")].map(e=>e.innerHTML);
console.log(divsContents);
<div contenteditable="false" id="div0">
<a href="#">one</a>
<span id="one-close">
<i class="material-icons">close</i>
</span>
</div>
<div contenteditable="false" id="div1">
<a href="#">two</a>
<span id="two-close">
<i class="material-icons">close</i>
</span>
</div>
<div contenteditable="false" id="div2">
<a href="#">three</a>
<span id="three-close">
<i class="material-icons">close</i>
</span>
</div>
关于来自现有 divs innerHTML 的 javascript 数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52025868/