github_38927701
还是踢球吧
2017-05-25 09:17

前端小白请教一个数字转换成字符串的问题

  • javascript

有如下两段代码

第一段代码

 var str = '';
        var aDiv =document.getElementById('big-box').getElementsByTagName('div');
        for (var i=0;i<100;i++) {
            str += '<div></div>';
        }
        document.getElementById('big-box').innerHTML= str;
        var length = Math.sqrt(aDiv.length);
        for (var i=0;i<length;i++) {
            for (var j=0;j<length;j++) {
                aDiv[i*length + j].style.left = j*49 + 'px';
                aDiv[i*length + j].style.top = i*49 + 'px';
                aDiv[i*length + j].innerHTML =i + j;
            }
        }

第二段代码

 for (i=0;i<10;i++) {
            for (j=0;j<10;j++) {
                document.getElementById('big-box').innerHTML += '<div style="left:'+ j*49 +'px;top:'+ i*49 +'px;">'+i+j+'</div>'
            }
        }

第一段代码里面的innerHTML是两个数字相加,而第二段代码则是字符串拼接,请问产生这种差异的原因是什么?
比如i=1;j=1;第一段代码显示2 而第二段代码显示11

  • 点赞
  • 回答
  • 收藏
  • 复制链接分享

5条回答