如何用javascript改变按钮背景色样式?

<head><scriptlanguage="javascript">functionshow(){varbt=document.getElementsByName("D... <head>
<script language="javascript">
function show(){
var bt=document.getElementsByName("DD");
bt.style.BackgroundColor="#FF9999";

}
</script>
<title>无标题文档</title>
</head>

<body>
<input name="DD" type="button" id="aa" style="background-color:#FF0099" onclick="show()" value="11" >
</body>

这个不对,如何写?
谢谢了
为什么我这样写不对呢?
展开
 我来答
_一蓑烟雨晴
推荐于2017-10-07 · TA获得超过271个赞
知道小有建树答主
回答量:200
采纳率:0%
帮助的人:105万
展开全部
这个有一个简单的方法
比如,你有两个按钮的样式,一个是class_1,一个是class_2,
你只需要给一个触发,
<button id="my_button" class="class_1"></button>
<input type="button" onclick="change();" value="改变颜色"/>
<script>
function change(){
var class=document.getElementById('my_button').value;
if(class=='class_1'){
document.getElementById('my_button').class='class_2';
}
else{
document.getElementById('my_button').class='class_1';
}
</script>
百度网友94f02eb
推荐于2017-10-10 · TA获得超过8612个赞
知道大有可为答主
回答量:7955
采纳率:74%
帮助的人:4454万
展开全部
<head>
<script language="javascript">
function show(btn){
btn.style.backgroundColor = "#FF9999";

}
</script>
<title>无标题文档</title>
</head>

<body>
<input name="DD" type="button" id="aa" style="background-color:#FF0099" onclick="show(this);" value="11" >
</body>
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
实菱亓官农
2019-05-08 · TA获得超过3669个赞
知道大有可为答主
回答量:3103
采纳率:24%
帮助的人:179万
展开全部
这个有一个简单的方法
比如,你有两个按钮的样式,一个是class_1,一个是class_2,
你只需要给一个触发,
<button
id="my_button"
class="class_1"></button>
<input
type="button"
onclick="change();"
value="改变颜色"/>
<script>
function
change(){
var
class=document.getElementById('my_button').value;
if(class=='class_1'){
document.getElementById('my_button').class='class_2';
}
else{
document.getElementById('my_button').class='class_1';
}
</script>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
学曦夏笑槐
2019-06-28 · TA获得超过3984个赞
知道大有可为答主
回答量:2988
采纳率:30%
帮助的人:234万
展开全部
<head>
<script
language="javascript">
function
show(btn){
btn.style.backgroundColor
=
"#FF9999";
}
</script>
<title>无标题文档</title>
</head>
<body>
<input
name="DD"
type="button"
id="aa"
style="background-color:#FF0099"
onclick="show(this);"
value="11"
>
</body>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
可蔚应承嗣
2019-09-06 · TA获得超过3810个赞
知道大有可为答主
回答量:3137
采纳率:31%
帮助的人:219万
展开全部
<head>
<script
language="javascript">
function
show(btn){
btn.style.backgroundColor
=
"#FF9999";
}
</script>
<title>无标题文档</title>
</head>
<body>
<input
name="DD"
type="button"
id="aa"
style="background-color:#FF0099"
onclick="show(this);"
value="11"
>
</body>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式