Javascript问题或比什么都缺乏知识

Question

希望这相当简单。

这是我下面的当前代码。 它在加载页面时为我生成一个随机数，并且适用于目标 div。 但是，我希望它在 8 个单独的 div 中运行此功能。 我显然不能有 8 个具有相同 id 的 div，所以我将其更改为 getElementByClassName 并将我的 div 上的类更改为 vvv 并摆脱了 id 但由于某种原因这不起作用？

另外，我的脚本中是否需要其他任何内容来为多个 div 调用此函数？ 非常感谢任何帮助！

<script>
        let text = "VAC";       
        
        window.onload = function ()
        {
        var output = document.getElementById("vvv");
        
        setInterval(function ()
        {
            output.innerHTML = Math.floor(Math.random() * (115 - 105 + 1)) + 105 + " " + text; 
        }, 2000);//this value is the time between generating the number//
        };
</script>

Answer 1

您正在寻找 getElementsByClassName（不是 getElementByClassName）。

 let text = "VAC"; let outputs = document.getElementsByClassName("vvv"); let randomDivs = function() { for (let output in outputs) { outputs[output].innerHTML = Math.floor(Math.random() * (115 - 105 + 1)) + 105 + " " + text } } randomDivs() setInterval(randomDivs, 2000); //this value is the time between generating the number//

 <div class="vvv"></div> <div class="vvv"></div> <div class="vvv"></div> <div class="vvv"></div> <div class="vvv"></div> <div class="vvv"></div> <div class="vvv"></div> <div class="vvv"></div>

Answer 2

你可以这样写。

<body>
    <div class="vvv">1234</div>
    <div class="vvv">1234</div>
    <div class="vvv">1234</div>
    <script>
        let text = "VAC";       
        var output = document.getElementsByClassName("vvv"); //you can use getElementsByTagName("div") as well
        setInterval(function (){
            Array.from(output).forEach((item, index) => {item.innerHTML = Math.floor(Math.random() * (115 - 105 + 1)) + 105 + " " + text;}
        )}, 2000)
    </script>
</body>

注意：没有意识到已经用类似的方法回答了它。 您可以按照建议尝试 getElementsByTagName("div") 。 但它也有它的局限性。

Javascript问题或比什么都缺乏知识

问题描述

2 个解决方案

解决方案1
0 2022-07-20 16:05:26

解决方案2
0 2022-07-20 16:20:04

Javascript问题或比什么都缺乏知识

问题描述

2 个解决方案

解决方案1 0 2022-07-20 16:05:26

解决方案2 0 2022-07-20 16:20:04

解决方案1
0 2022-07-20 16:05:26

解决方案2
0 2022-07-20 16:20:04