感覺你們都懂了只有我不懂?。蛶兔Π?！
<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
<title>innerHTML</title>
</head>
<body>
<h2?id="con">javascript</H2>
<p>?JavaScript是一種基于對(duì)象、事件驅(qū)動(dòng)的簡(jiǎn)單腳本語言，嵌入在HTML文檔中，由瀏覽器負(fù)責(zé)解釋和執(zhí)行，在網(wǎng)頁上產(chǎn)生動(dòng)態(tài)的顯示效果并實(shí)現(xiàn)與用戶交互功能。</p>
<script?type="text/javascript">
??var?mychar=document.getElementById("con")???????????;
??document.write("原標(biāo)題:"+mychar.innerHTML+"<br>");?//輸出原h(huán)2標(biāo)簽內(nèi)容
??mychar.innerHTML="Hello?world"
??document.write("修改后的標(biāo)題:"+mychar.innerHTML);?//輸出修改后h2標(biāo)簽內(nèi)容
</script>
</body>
</html>不是說按順序執(zhí)行嗎？所以結(jié)果按道理應(yīng)該是：
1.javascript
2.原標(biāo)題:javascript
3.修改后的標(biāo)題:Hello world
這樣才對(duì)啊，就算是mychar.write="Hello word" 替換，那也是發(fā)生在第三步啊，
為什么Hello world會(huì)顯示在最上面？
2016-10-26
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>innerHTML</title>
</head>
<body>
<h2 id="con">javascript</H2>
<p> JavaScript是一種基于對(duì)象、事件驅(qū)動(dòng)的簡(jiǎn)單腳本語言，嵌入在HTML文檔中，由瀏覽器負(fù)責(zé)解釋和執(zhí)行，在網(wǎng)頁上產(chǎn)生動(dòng)態(tài)的顯示效果并實(shí)現(xiàn)與用戶交互功能。</p>
<script type="text/javascript">
? function fu(){
????? var mychar=document.getElementById("con");
????? document.write("原標(biāo)題:"+mychar.innerHTML+"<br>"); //輸出原h(huán)2標(biāo)簽內(nèi)容
????? mychar.innerHTML="Hello world!";
????? document.write("修改后的標(biāo)題:"+mychar.innerHTML); //輸出修改后h2標(biāo)簽內(nèi)容
? }
? var panduan=confirm("確定修改h2標(biāo)題嗎？");
? if(panduan){
??? fu();
? }
? </script>
</body>
</html>
試試，會(huì)看明白的
2016-09-22
//看注釋吧！ <!DOCTYPE?HTML> <html> <head> <meta?charset=utf-8"?/> <title>innerHTML</title> </head> <body> <h2?id="con">javascript</H2> <script?type="text/javascript"> ??var?mychar=?document.getElementById("con")??????????;//1.mychar="javascript" ??document.write("原標(biāo)題:"+mychar.innerHTML+"<br>");?//2.輸出原標(biāo)題：javascript ??mychar.innerHTML="Hello?World!";//3.替換<h2>"javascript"為"Hello?World!" ??document.write("修改后的標(biāo)題:"+mychar.innerHTML);?//4.輸出修改后的標(biāo)題:"Hello?World!"?然后再加載<head> </script> </body> </html>2016-09-22
原因分析：其實(shí)并不是先執(zhí)行<script>中的內(nèi)容，可以驗(yàn)證：【如果先執(zhí)行<script>中的內(nèi)容】 1）將<script>...</script>整塊剪切到<head>中去，就沒有顯示效果。2）將<p>..</p>內(nèi)容剪切到</script>標(biāo)簽后，同理。因?yàn)橄葓?zhí)行的話并不知道<p>標(biāo)簽的id，所以不會(huì)顯示。
結(jié)論：是執(zhí)行到給mychar重新賦值時(shí)改變的。
2016-09-18
innerHTML在JS是雙向功能：獲取對(duì)象的內(nèi)容 ?或 ?向?qū)ο蟛迦雰?nèi)容； 第一個(gè)是獲取，獲取
<h2 id="con">javascript</h2>，
<script type="text/javascript">
? var mychar=document.getElementById('con') ?
document.write("原標(biāo)題:"+mychar.innerHTML+"<br>");
第二個(gè)是插入內(nèi)容插入
mychar.innerHTML='Hello world!'
? document.write("修改后的標(biāo)題:"+mychar.innerHTML);
2016-09-11
innerHTML 屬性用于獲取或替換 HTML 元素的內(nèi)容,在你執(zhí)行?mychar.innerHTML="Hello?world"時(shí)?！?lt;h2?id="con">javascript</H2>”中的內(nèi)容已經(jīng)替換為Hello?world
2016-09-09
因?yàn)閕nnerHTML是賦值，修改替換