為什么h2元素在頁面顯示的內容是Hello world! 而不是javascript?
按照我對代碼運行順序的理解,一般代碼應該是自上而下逐條運行,當下列代碼運行到<h2 id="con">javascript</H2>時,此時h2元素的內容還沒有被更改為"Hello world!",頁面此時做出的反應應該是顯示h2元素的原內容,即"javascript",但是頁面顯示的是"Hello world!"? 請問我哪個步驟理解出問題了,求解答.
<!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是一種基于對象、事件驅動的簡單腳本語言，嵌入在HTML文檔中，由瀏覽器負責解釋和執行，在網頁上產生動態的顯示效果并實現與用戶交互功能。</p>
<script type="text/javascript">
? var mychar=document.getElementById("con");
? document.write("原標題:"+mychar.innerHTML+"<br>"); //輸出原h2標簽內容
? mychar.innerHTML="Hello world!";
? document.write("修改后的標題:"+mychar.innerHTML); //輸出修改后h2標簽內容
</script>
</body>
</html>
2017-08-16
你的理解是對的，是按照順序來執行的，通過F12調試可知，在開始的確是顯示的 “javascrip”，在代碼執行到 ? mychar.innerHTML="Hello world!" 時，才將其改變為 "Hello world!" 。
2017-08-16
這里mychar.innerHTML="Hello world!";已經把原來mychar的內容改變了