如何用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>
这个不对,如何写?
谢谢了
为什么我这样写不对呢? 展开
<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>
这个不对,如何写?
谢谢了
为什么我这样写不对呢? 展开
5个回答
展开全部
这个有一个简单的方法
比如,你有两个按钮的样式,一个是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>
比如,你有两个按钮的样式,一个是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>
展开全部
<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>
<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>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
这个有一个简单的方法
比如,你有两个按钮的样式,一个是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>
比如,你有两个按钮的样式,一个是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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<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>
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<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>
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询