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

Question

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

<script> 
  window.onload = function(){   
    setTimeout(function() { 
        var ad = document.querySelector("ins.adsbygoogle");
           if (ad && ad.innerHTML.replace(/s/g, "").length == 0) {
             ad.style.cssText = 'display:block !important'; 
                document.getElementById("cfmonitor").innerHTML = 'html code goes here';
      }
    }, 500);
  }; 
</script>

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

Answer 1

您应该按照其他人的建议使用类名称。然后您需要迭代返回的元素数组。

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