改变html样式的JS代码写在head标签中为何不生效-慕课网

改变html样式的JS代码写在head标签中为何不生效

来源：3-4 改变 HTML 样式

NJUcong

2017-01-16 16:14

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>style样式</title>
<script>
    var mychar = document.getElementById("con");
    mychar.style.color="red";
    mychar.style.backgroundColor="#CCC";
    mychar.style.width="300px";
 </script>
</head>

写回答关注

4回答

慕勒2513777

2017-01-16 19:55:26

已采纳

因为getElementById("con")获取不到con这个id，所以你的mychar其实是null，所以后面设置颜色这些是没效的。
你可以在你的var mychar = document.getElementById("con");的后面加句document.write(mychar);
然后你会噶发现输出结果是null，希望可以帮到你

0 2
夜莺z

2017-01-17 15:49:16

顺序执行

0 0
路过的小白成长ing

2017-01-16 16:49:06

你设置的时候DMO还没加载出来

0 0
慕姐7487563

2017-01-16 16:33:37

<script type="text/javascript">
开头要加type="text/javascript"

0 0