为什么innerHTML在循环外和在循坏内结果是一样的

<!DOCTYPE html>

<html>

<body>

<p>点击下面的按钮，将代码块循环五次：</p>

function myFunction()

{

var x="";

for (var i=0;i<5;i++)

{

x=x + "The number is " + i + "<br>";

document.getElementById("demo").innerHTML=x;

}

//document.getElementById("demo").innerHTML=x;

}

</script>

</body>

</html>

酔甡

浏览 1601回答 2

2回答

display_none

JS代码没设定是一行一行执行的，走了i=0;i<5; 就走x=x + "The number is " + i + "<br>"; 然后执行document.getElementById("demo").innerHTML=x; 如果没有document.getElementById("demo").innerHTML=x; 就继续下一行，一次循环，直到i>5

乱舞的旋律

document.getElementById("demo").innerHTML=x; 是把x赋值给 demo，在里面是每次都替换了上次的内容啊，在外层是直接赋值最终结果啊. 最后一次循环 x的值都是一样的啊。

随时随地看视频慕课网APP