时间戳

首页 > 解决方案 > 如何在多个 div 类中添加脚本

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

问题描述

所以我有一个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

但我希望是否有更好或不同的方法来做到这一点。

标签： javascriptjqueryhtml

解决方案

不要使用document.write, 分配给innerHTMLDIV 的属性。

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>

推荐阅读