Question

我正在尝试向div中的adblock用户添加自定义HTML代码，称为“cfmonitor”。目前我正在使用以下提到的脚本。

object is remote

问题 - 此代码只用我的自定义html代码替换第一个cfmonitor div。我有多个div“cfmonitor”。如何用我的自定义HTML代码替换所有“cfmonitor”div？试图尝试很多但失败了，任何人都可以帮助我吗？

Answer 1

您应该像其他人建议的那样使用类名。然后，您将需要遍历返回的元素数组。

var elms = document.getElementsByClassName('cfmonitor');
for (var i = 0; i < elms.length; i++) {
    elms[i].innerHTML = 'hi';
}

Answer 2

我建议将cfmonitor从元素ID移动到类。元素ID也必须是唯一的。如果你这样做，你可以改变这个：

<div class="cfmonitor">how</div>
<div class="cfmonitor">are</div>
<div class="cfmonitor">you</div>

对此：

<div class="cfmonitor">GREAT!</div>
<div class="cfmonitor">GREAT!</div>
<div class="cfmonitor">GREAT!</div>

使用此代码（自标记以来使用jQuery）

$(".cfmonitor").html("GREAT!");

Answer 3

如果你在div上使用Id（s）名称，然后使用getElementById

连接javascript，那将是最好的

<div id="first_div">THIS IS THE WORDING YOU WANT TO CHANGE</div>
<div id="first_div">THIS IS THE WORDING YOU WANT TO CHANGE</div>
<div id="first_div">THIS IS THE WORDING YOU WANT TO CHANGE</div>
<script>
document.getElementById('first_div').innerHTML = "Change Text to the following ";
</script>

如何通过getElementById替换所有div的innerHTML

3 个答案: