Question

我想通过循环设置div并设置id。类似下面的代码。任何帮助将非常感谢，提前谢谢。：）

 <body>
 <div class="container"> 
     <div class="left">
         <div class="content">
             <script>
                 for(int i=1; i<=16; i++) {
             </script>
             <div class="card" id=i>       
             </div>
             <script>    
                 }
             </script>

 </body>

Answer 1

您可以将多个div添加为：

<script type="text/javscript">
   var contentDiv = document.getElementsByClassName('content');
   for(var i=1; i < 16; i++){
      var newDiv = document.createElement('div');
      newDiv.id = 'card'+i;
      newDiv.className = 'card';
      contentDiv.appendChild(newDiv);
   }
</script>

Answer 2

你做错了，就像吼叫一样

HTML

<div class="conatiner"></div>
<div class="left"></div>

<div class="content"></div>

JS

<script>
  window.onload = function () {
     var contentDiv = document.getElementsByClassName('content')[0];
      for(var i=1; i<=16; i++){
        var div = document.createElement('div');
        div.class='card';
        div.id=i;
        contentDiv.appendChild(div);
      }
  }
  </script>

如何通过javascript设置div和id？

2 个答案: