innerHTML 輸出順序是怎么理解的,誰幫忙說下
<!DOCTYPE?html> <html> <head> <title>innerHTML</title> <meta?http-equiv="Content-Type"?content="text/html;charset=utf-8"> </head> <body> <p?id=con>Hello?World</p> <script?type="text/javascript"> var?mycon=document.getElementById("con"); document.write("p標簽原始內容:"+mycon.innerHTML+"<br>"); mycon.innerHTML="NEW?text!"; document.write("p標簽修改內容;"+mycon.innerHTML); </script> </body> </html>
這短代碼輸出:
NEW text!
p標簽原始內容:Hello World
p標簽修改內容;NEW text!
為什么“NEW text”會先輸出?這種順序是怎么理解的 ?誰邦我講解下,謝謝
2016-07-15
看了一堆還是不懂
2016-07-11
上面的說的都對,但還有一點?<p?id=con>Hello?World</p> ?id="con" ?加引號,單雙都行.
2016-07-11
其實他是先顯示Hello?World,然后在一瞬間覆蓋成了NEW?text!,你可以把它的后面的注釋掉就可以看到。
2016-07-11
頁面加載的時候你的js代碼就已經執行完了,所以文本顯示自然是你已經修改過的。
你可以給修改內容的js代碼放到一個click函數中,點擊文本去觸發,這樣就會看到文本的修改
2016-07-10
瀏覽器跑JS代碼運行太快,人眼是看不出變化的
2016-07-10
應該先顯示修改的內容在顯示以前的內容吧
2016-07-10
Hello World修改成NEW text!后,當然瀏覽器顯示也會修改
初始顯示是Hello World
修改后顯示就是NEW text!
document只是告訴你它的變化
2016-07-10
這段代碼本來應該依次輸出 ? ?Hello world ? ?//<p>中文本 ??
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??p標簽原始內容:Hello World
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??p標簽修改內容;NEW text!
但是因為后來 ?mycon.innerHTML="NEW?text!";把<p>中文本改了
所以瀏覽器顯示出來的結果就是
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? NEW text!
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? p標簽原始內容:Hello World
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? p標簽修改內容;NEW text!
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?
2016-07-10
同問!