亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

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”會先輸出?這種順序是怎么理解的 ?誰邦我講解下,謝謝


正在回答

9 回答

看了一堆還是不懂

0 回復 有任何疑惑可以回復我~

上面的說的都對,但還有一點?<p?id=con>Hello?World</p> ?id="con" ?加引號,單雙都行.

0 回復 有任何疑惑可以回復我~

其實他是先顯示Hello?World,然后在一瞬間覆蓋成了NEW?text!,你可以把它的后面的注釋掉就可以看到。

0 回復 有任何疑惑可以回復我~

頁面加載的時候你的js代碼就已經執行完了,所以文本顯示自然是你已經修改過的。

你可以給修改內容的js代碼放到一個click函數中,點擊文本去觸發,這樣就會看到文本的修改

1 回復 有任何疑惑可以回復我~

瀏覽器跑JS代碼運行太快,人眼是看不出變化的

0 回復 有任何疑惑可以回復我~

應該先顯示修改的內容在顯示以前的內容吧

0 回復 有任何疑惑可以回復我~
  • Hello World修改成NEW text!后,當然瀏覽器顯示也會修改

  • 初始顯示是Hello World

  • 修改后顯示就是NEW text!

  • document只是告訴你它的變化


1 回復 有任何疑惑可以回復我~

這段代碼本來應該依次輸出 ? ?Hello world ? ?//<p>中文本 ??

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??p標簽原始內容:Hello World

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??p標簽修改內容;NEW text!

但是因為后來 ?mycon.innerHTML="NEW?text!";把<p>中文本改了

所以瀏覽器顯示出來的結果就是

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? NEW text!

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? p標簽原始內容:Hello World
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? p標簽修改內容;NEW text!

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?

1 回復 有任何疑惑可以回復我~

同問!

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

innerHTML 輸出順序是怎么理解的,誰幫忙說下

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號