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

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

源自：JavaScript入门篇 3-4

关注问题我要回答

3069

操作

收起

4 回答

慕勒2513777 回答被采纳 +3 积分
2017-01-16

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

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

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

2 回复有任何疑惑可以回复我~

夜莺z
2017-01-17

顺序执行

0 回复有任何疑惑可以回复我~

路过的小白成长ing
2017-01-16

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

0 回复有任何疑惑可以回复我~

慕姐7487563
2017-01-16

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

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

JavaScript入门篇

参与学习 742019 人
解答问题 9869 个

JavaScript做为一名Web工程师的必备技术，本教程让您快速入门

本课相似问答

1 回答javasript改变HTML样式放在head标签实现不了的问题

2 回答为什么修改样式代码放在标签后面，还能生效？

3 回答怎么才能让script标签在head标签中也能生效

2 回答HTML DOM 允许 JavaScript 改变 HTML 元素的样式。如何改变 HTML 元素的样式呢？

2 回答改变 HTML 样式

搜索更多本课相关问答

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

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号