JavaScript:附加到多个类

时间:2014-04-10 14:41:47

标签: javascript html

如何使用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请:)

1 个答案:

答案 0 :(得分:9)

您在[i]作业中错过了数组索引innerHTML。而不是......

element[i].innerHTML = element.innerHTML + '<p>Added Content</p>';

......你应该使用:

element[i].innerHTML = element[i].innerHTML + '<p>Added Content</p>';