javascript动态生成100个div，每10个改变TOp值，到下一行。

答案:2 悬赏:40 手机版

解决时间 2021-12-19 07:13

提问者网友：活着好累
2021-12-18 08:49

最佳答案

五星知识达人网友：话散在刀尖上
2022-01-05 19:20

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript">
      window.onload = function(){

          for(var i= 0,j= 0;i<100;i++){
              var div = document.createElement("div");
                  div.style.position = "absolute";
                  div.style.width = "50px";
                  div.style.height ="50px";
                  div.style.left = ((i%10)*50+10)+"px";
                  div.style.border= "1px solid #ddd";
                  div.innerText = i;
                  if(i%10==0){
                      ++j;
                  }
              div.style.top = ((j-1)*50+10)+"px";

                document.body.appendChild(div);
          }
      }
    </script>
</head>
<body>

</body>
</html>

全部回答

1楼网友：渊鱼
2022-01-05 20:59

你的代码首先getElementsByTagName这个函数是返回一个dom元素数组通过表签名，然而当这段代码执行的时候并没有div元素应该把这段代码放在下面创建元素之后

我要举报

如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！