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

发布网友发布时间：2022-05-05 16:50

共4个回答

热心网友时间：2022-04-23 15:05

这个有一个简单的方法
比如，你有两个按钮的样式，一个是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>

热心网友时间：2022-04-23 16:23

<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>

热心网友时间：2022-04-23 17:58

这个有一个简单的方法
比如，你有两个按钮的样式，一个是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>

热心网友时间：2022-04-23 19:49

<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>