在JavaScript循环中添加多个HTML元素 [英] Adding multiple HTML elements in a javascript loop

查看:113
本文介绍了在JavaScript循环中添加多个HTML元素的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我正在尝试通过javascript中的循环在页面中添加多个元素,但是代码未运行,有人可以指出错误之处

I am trying to add multiple elements in a page through a loop in javascript but the code is not running can someone please point out what is wrong

<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>

推荐答案

您已定义了名为 gengrid 的函数,但未运行该函数.在函数的定义下方,尝试将 gengrid(); .

You have defined a function named gengrid but are not running it. Below the definition of the function, try putting gengrid();.

这篇关于在JavaScript循环中添加多个HTML元素的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆