如何使用JavaScript将内容附加到多个类?
这就是我正在做的事情:
<div class="element">
<p>Existing Content</p>
<p>Existing Content</p>
</div>
<div class="element">
<p>Existing Content</p>
<p>Existing Content</p>
</div>
函数运行后,结果应如下:
<div class="element">
<p>Existing Content</p>
<p>Existing Content</p>
<p>Added Content</p>
</div>
<div class="element">
<p>Existing Content</p>
<p>Existing Content</p>
<p>Added Content</p>
</div>
到目前为止这是我的功能(不工作):
var element = document.querySelectorAll('.element');
for (i = 0; i < element.length; ++i) {
element[i].innerHTML = element.innerHTML + '<p>Added Content</p>';
}
没有jQuery请:)
答案 0 :(得分:9)
您在[i]
作业中错过了数组索引innerHTML
。而不是......
element[i].innerHTML = element.innerHTML + '<p>Added Content</p>';
......你应该使用:
element[i].innerHTML = element[i].innerHTML + '<p>Added Content</p>';