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

我已经测试了以下代码并且它可以工作。

这是一个 Plunker 链接

<!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 回答