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

Question

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

示例：

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

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

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

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

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

Answer 1

不要使用document.write，而是将其分配给DIV的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>