javascript里的代碼放入head里面為什么就沒作用了?能解釋清楚點嗎?謝謝
<!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文檔中,由瀏覽器負(fù)責(zé)解釋和執(zhí)行,在網(wǎng)頁上產(chǎn)生動態(tài)的顯示效果并實現(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 wowrld";
? document.write("修改后的標(biāo)題:"+mychar.innerHTML); //輸出修改后h2標(biāo)簽內(nèi)容
</script>
</body>
</html>
2016-03-16
1:
? var mychar=document.getElementById(con);
首先,con應(yīng)該加引號
? var mychar=document.getElementById("con");
2:html在頁面運行的時候從上到下解析,當(dāng)script 放在head里面時,dom樹沒有渲染完成,沒法找到這個元素,所以不能修改。mychar 在控制臺查看是null。