Question

你能帮助我吗？我不知道如何从脚本中为每个生成的数字添加css样式。 我希望脚本中生成的每个数字都有一些背景图片。 生成的数字数组是。谢谢你的帮助

代码：

HTML：

  <p onclick="myFunction()">Click HERE  "</p>
    <p id=demo> </p>

JAVASCRIPT：

  function myFunction() {
    var arr = [];
    while(arr.length < 2)  
    {
        var randomnumber=Math.ceil(Math.random()*10)  
        var found=false;
        for(var i=0;i<arr.length;i++){
            if(arr[i]==randomnumber){
                found=true;
                break;
            }
        }
        if(!found)
            arr[arr.length]=randomnumber;
    }
    document.getElementById("demo").innerHTML= arr;
}

Answer 1

我无法理解整个问题陈述。根据我的理解，我可以找到解决方案。希望这个解决方案有所帮助

 function myFunction() {
      var arr = [];
      while(arr.length < 2)
      {
        var randomnumber=Math.ceil(Math.random()*10)  ;
        var element = document.createElement("span");
        var demo=document.getElementById("demo");
        element.innerText=randomnumber;
        element.className="red";
        var found=false;
        for(var i=0;i<arr.length;i++){
          if(arr[i]==randomnumber){
            found=true;
            break;
          }
        }
        if(!found) {
          arr[arr.length] = randomnumber;
          demo.appendChild(element);
        }
      }
    // demo.innerHTML= arr;
    }

    .red{background: red;margin:10px;}

<p onclick="myFunction()">Click HERE  </p>
<p id=demo>

</p>

如何将css样式添加到数组的每个项目

1 个答案: