javascript如何改变背景颜色，和div颜色。请进来看代码！
<title>无标题文档</title><styletype="text/css">/*默认的div边框样式*/#border1{width:100%;height:20...
<title>无标题文档</title>
<style type="text/css">
/*默认的div边框样式*/
#border1{width:100%;height:200px;border:1px solid #258;border-top:5px solid #258;}
#border2{width:100%;height:200px;border:1px solid #0a1;border-top:5px solid #0a1;margin-top:50px;}
</style>
<script type="text/javascript">
function $(id){
return document.getElementById(id);
}
function border1(color1){
$("border1").style.border = "1px solid #" + color1;
$("border1").style.borderTop = "5px solid #" + color1;
document.body.style.backgroundColor=color1
}
</script>
</head>
<body>
<div id="border1">第1个border边框</div>
<div style="margin-top:10px;">
<A style="background:#f00;width:10px;height:10px;display:block;float:left;" onclick="border1('f00')" href="javascript:void(0)"></A>
</div>
</body>
</html> 展开
<style type="text/css">
/*默认的div边框样式*/
#border1{width:100%;height:200px;border:1px solid #258;border-top:5px solid #258;}
#border2{width:100%;height:200px;border:1px solid #0a1;border-top:5px solid #0a1;margin-top:50px;}
</style>
<script type="text/javascript">
function $(id){
return document.getElementById(id);
}
function border1(color1){
$("border1").style.border = "1px solid #" + color1;
$("border1").style.borderTop = "5px solid #" + color1;
document.body.style.backgroundColor=color1
}
</script>
</head>
<body>
<div id="border1">第1个border边框</div>
<div style="margin-top:10px;">
<A style="background:#f00;width:10px;height:10px;display:block;float:left;" onclick="border1('f00')" href="javascript:void(0)"></A>
</div>
</body>
</html> 展开
4个回答
展开全部
你是想这样的吧：
function border1(color1){
$("border1").style.border = "1px solid #" + color1;
$("border1").style.borderTop = "5px solid #" + color1;
//body背景颜色:
document.bgColor = "#" + color1;
}
另外:.style.border = "1px solid #" + color1;好像设置不了,好像要分别设置像素,样式，颜色。当然这个我没仔细看过。你自己能用就行。
function border1(color1){
$("border1").style.border = "1px solid #" + color1;
$("border1").style.borderTop = "5px solid #" + color1;
//body背景颜色:
document.bgColor = "#" + color1;
}
另外:.style.border = "1px solid #" + color1;好像设置不了,好像要分别设置像素,样式，颜色。当然这个我没仔细看过。你自己能用就行。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
说明你的具体需求。
你的代码中已经包含了改变背景颜色的语法了，你问的是语法还是逻辑？
==
调试发现你的代码可以改变所有页面背景颜色。
你描述不清楚，不紧我们不能给你解决麻烦，你反而给回答者找麻烦。
你的代码中已经包含了改变背景颜色的语法了，你问的是语法还是逻辑？
==
调试发现你的代码可以改变所有页面背景颜色。
你描述不清楚，不紧我们不能给你解决麻烦，你反而给回答者找麻烦。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这段代码没问题啊，改变DIV的颜色就是$("border1").style.backgroundcolor = "XXX"
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你这段代码已经能改变border颜色 和整个背景颜色了啊，不明白你想问什么
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
