亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

for循環只有最后一個結果

for循環只有最后一個結果

森林海 2019-02-12 08:27:43
window.onload = function() {    //var boxWidth = document.getElementById("pic_box").offsetWidth;    //var boxHeight = document.getElementById("pic_box").offsetHeight;    var picBox = document.getElementById("pic_box");    var ul = document.getElementById("pic_box_ul");    var nodeLi = document.createElement("li");    for (i=0;i<=100;i++){        liTop = [i]*10;        liLeft = [i]*10;        ul.appendChild(nodeLi);        nodeLi.setAttribute("style","top:"+liTop+"px;height:"+liLeft+"px");    }}不是應該輸出100個li嗎?怎么只有一個呢自己想了一下是不是每一次for都覆蓋了上一次的結果,所以只有一個,那要怎么處理才不會覆蓋呢
查看完整描述

1 回答

?
阿波羅的戰車

TA貢獻1862條經驗 獲得超6個贊

這個代碼很有問題啊,先不說能不能跑得通,先是變量定義問題:i也沒定義,liTop,liLeft也沒定義;

另外沒有100個li標簽的原因也是沒理解循環的含義,應該把createElement("li")放到for循環里


window.onload = function () {

        //var boxWidth = document.getElementById("pic_box").offsetWidth;

        //var boxHeight = document.getElementById("pic_box").offsetHeight;

        var picBox = document.getElementById("pic_box");

        var ul = document.getElementById("pic_box_ul");

        for (var i = 0; i <= 100; i++) {

          var nodeLi = document.createElement("li");

          var liTop = [i] * 10;

          var liLeft = [i] * 10;

          ul.appendChild(nodeLi);

          nodeLi.setAttribute("style", "top:" + liTop + "px;height:" + liLeft + "px");

        }

      }


查看完整回答
反對 回復 2019-02-12
  • 1 回答
  • 0 關注
  • 1284 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號