如何在多个div类中添加脚本

Question

所以我有一个javascript代码，我想把它打印在不同的div中。

示例：

<div class='block output-1'>...</div>
<div class='block output-2'>...</div>
<div class='block output-3'>...</div>

我想用下面的<script>代码替换每个包含.block类的div容器

<script>document.write('text');</script>

我尝试过Jquery，但我能做到：http://jsbin.com/yokipajiho/1/edit?html,js,output

但我希望有更好的或不同的方法来做。

Answer 1

不要使用document.write，要分配给DIVs的innerHTML属性。

​

document.querySelectorAll(".block").forEach((div, index) => div.innerHTML = "text " + index);

<div class='block output-1'>...</div>
<div class='block output-2'>...</div>
<div class='block output-3'>...</div>

​