                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript入门篇

Js代码的位置问题

请问这段代码为什么放在里面就有效果，放在里面就没一点反应？

<script type="text/javascript">
var mychar=document.getElementById("con");
mychar.style.color="red";
</script>

悠扬36001

2016-03-15

源自：JavaScript入门篇 3-4

关注问题我要回答

961

操作

收起

3 回答

qq_冲哥_0 回答被采纳 +3 积分
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";

}