怎么用JS动态更改DIV层的背景色?

 我来答
幻翼高达Zero
2019-07-03 · TA获得超过1.7万个赞
知道答主
回答量:499
采纳率:0%
帮助的人:8.3万
展开全部

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,填写问题基础代码。

2、在index.html中的<script>标签,输入js代码:$('div').css('background-color', 'blue');。

3、浏览器运行index.html页面,此时div的背景颜色被js动态修改为了蓝色。

观影哔哔机
2017-06-16 · TA获得超过121个赞
知道答主
回答量:91
采纳率:66%
帮助的人:24.7万
展开全部
默认是使用了jquery

第一种直接修改:

$("#ID").css({"background-color":"颜色值"});
第二种使用预定义的css:
$("#ID").removeClass("旧颜色class")
$("#ID").addClass("新颜色class")
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
推荐于2017-12-18
展开全部
<html>
<head>
<script language="javascript">
function a(){
document.getElementById("d").style.background="red";
}
</script>
</head>
<body onload="a()">
<div id="d">
</div>
</body>
</html>
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2013-08-13
展开全部
可以在层上加上onmouseover事件<div onmouseover="javascript:this.style.backgroundColor='#F00'">123</div>
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式