用javascript改变DIV背景色,我的代码为什么不能成功?

<!DOCTYPEhtml><html><head><metahttp-equiv="content-type"content="text/html;charset=GB... <!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=GBK"/>
<title>3s改变背景色</title>
<script type="text/javascript">
var div1=document.getElementById('div1');
var chg=function()
{
div1.style.background="black";
}

</script>
</head>
<body>
<div id="div1" style="width: 100px;height: 30px;background-color: red;"
onmouseover=window.setTimeout("chg();",3000)></div>
</body>
</html>
展开
 我来答
叫你L哥
2019-08-15
知道答主
回答量:6
采纳率:0%
帮助的人:4093
展开全部

一共有三个问题,结合代码看,这是我测试过的

  1. 代码加载 时按照文档里的先后顺序,从上往下依次加载,你在js代码中提前定义了 div1,
    当时真正的html标签<div1></div1> 还没有被加载 所以你得到一个 undefined 对象。当你执行方法时 它会已用你的 这个undefined 对象,所以代码会报错 不执行

    ***记得以后如果要内联写js,记得把<script>标签放到</body>前面***

  2. 函数参数形式写错了

    onmouseover=window.setTimeout(chg(),3000)></div>

  3. js里面设置背景,属性值是这样的     backgroundColor

ch565097933
2021-02-25 · TA获得超过1044个赞
知道小有建树答主
回答量:825
采纳率:0%
帮助的人:503万
展开全部
<script defer type="text/javascript">//延时执行
var div1 = document.getElementById('div1');
var chg = function () {
div1.style.backgroundColor = "black";
}
</script>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
tiandesgin
2012-09-29 · TA获得超过169个赞
知道小有建树答主
回答量:357
采纳率:100%
帮助的人:239万
展开全部
var chg=function()
{
var div1=document.getElementById('div1');
div1.style.backgroundColor="#000";
}
//var div1=document.getElementById('div1'); 放放在里面,你要清楚解释顺序,由上而下
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
124856
推荐于2016-01-08 · TA获得超过1011个赞
知道小有建树答主
回答量:150
采纳率:0%
帮助的人:196万
展开全部
代码加载 时按照文档里的先后顺序,从上往下依次加载

你在js代码中提前定义了 div1
当时的div1 还没有被加载 所以你得到一个 undefined 对象
当你执行方法时 它会已用你的 这个undefined 对象
所以代码会报错 不执行

你可以把 下面代码 放到 chg方法中 调用方法时查找
var div1=document.getElementById('div1');
也可以不写上面这行代码 浏览器会自动寻找 id为 div1的对象
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
一条不会飞的象
2019-01-15
知道答主
回答量:1
采纳率:0%
帮助的人:772
展开全部
<div id="div1" style="width: 100px;height: 30px;background-color: red;"
onmouseover=window.setTimeout(chg(),3000)></div>
这个地方改一下
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式