javascript - 如何为数组的每一项添加CSS样式

Question

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

代码:

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>