问答详情
源自：3-4 改变 HTML 样式

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

<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>

提问者：NJUcong 2017-01-16 16:14

个回答

  • 慕勒2513777
    2017-01-16 19:55:26
    已采纳

    因为getElementById("con")获取不到con这个id，所以你的mychar其实是null，所以后面设置颜色这些是没效的。

    你可以在你的var mychar = document.getElementById("con");的后面加句document.write(mychar);

    然后你会噶发现输出结果是null，希望可以帮到你

    2
  • 夜莺z
    2017-01-17 15:49:16

    顺序执行

    0
  • 路过的小白成长ing
    2017-01-16 16:49:06

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

    0
  • 慕姐7487563
    2017-01-16 16:33:37

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

    0