Js代碼的位置問題
請問這段代碼為什么放在里面就有效果,放在里面就沒一點反應?
<script?type="text/javascript"> var?mychar=document.getElementById("con"); mychar.style.color="red"; </script>
請問這段代碼為什么放在里面就有效果,放在里面就沒一點反應?
<script?type="text/javascript"> var?mychar=document.getElementById("con"); mychar.style.color="red"; </script>
2016-03-15
舉報
2016-03-20
HTML代碼從上往下解析,你放在head里面,就先解析var?mychar=document.getElementById("con"),但這時并沒有id=con對應的元素,因為id=con的元素在var?mychar=document.getElementById("con")這句話的后面,所以就沒效果,這是要用window.onload,它表示當所有元素都加載完之后執行,?放在head里面沒有問題。
window.onload=function(){
var?mychar=document.getElementById("con");
mychar.style.color="red";
}
2016-03-18
HTML讀取的時候是從上往下解析,如果把你那段代碼放在head里面的話,解析的時候無法獲取id=con對應的元素,在控制臺里他的效果是null,所以就沒效果
2016-03-15
放在body有用,放在head里面就沒效果