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