3

JavaScript のループを介してページに複数の要素を追加しようとしていますが、コードが実行されていません。誰かが間違っている点を指摘してください。

<body>
<script type="text/javascript">
function gengrid()
      {
          var i=0;
          var num_stud=8;
          var newdiv;
          var divIdName;
          for(i=1;i<=num_stud;i++)
          {
             newdiv = document.createElement('div');
             divIdName = '50'+i;
             newdiv.setAttribute('id',divIdName);
             newdiv.innerHTML ='<img src=50'+i+'.jpg alt="a"></img>';
             document.body.appendChild(newdiv);
          }
      }
  </script>

4

2 に答える 2

2

という名前の関数を定義しましgengridたが、実行していません。関数の定義の下に、 を置いてみてくださいgengrid();。

于 2013-09-09T17:35:51.183 に答える
0

次のコードをテストしましたが、動作します。

ここにプランカーのリンクがあります

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>DOM Manipulation</title>
</head>
<body>
<script type="text/javascript">
    function gengrid()
    {
        var i=0;
        var num_stud=8;
        var newdiv;
        var divIdName;
        for(i=1;i<=num_stud;i++)
        {
            newdiv = document.createElement('div');
            divIdName = '50'+i;
            newdiv.setAttribute('id',divIdName);
            newdiv.innerHTML ='<div id="box'+i+'">Testing 123</div>';
            document.body.appendChild(newdiv);
        }
    }
    window.onload = function () {
        gengrid();
    }
</script>


</body>
</html>

お役に立てれば！

于 2016-06-14T13:41:23.430 に答える