有如下两段代码
第一段代码
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