点击按钮变背景颜色js_js 通过button按钮onclick事件改变背景颜色如何切换性改变

❶ javascript点击按钮改变背景色的问题

用js直接修改style的背景色就可以了，
下面是代码，仅供参考：
<script>
window.onload = function(){
var oBtn = document.getElementById('btn');
oBtn.onclick = function(){
this.style.backgroundColor = 'red';s
};
};
</script>
</head>
<body>
<input type="button" id="btn" value="click me" />
</body>

❷ js 通过button按钮onclick事件改变背景颜色如何切换性改变

<HTML>
<head>
<script>
function mychange()
{
var color = document.getElememtById("colorType").value;
if(color == "red")
{

document.getElementById("div1").style.background="blue";
document.getElememtById("colorType").value = "blue";
}
else if(color == "blue")
{
document.getElementById("div1").style.background="red";
document.getElememtById("colorType").value = "red";
}

}
</script>
</head>
<body>
<table id="div1" style="height:80px; width:800px; background:red">
<input type="hidden" value="red" id="colorType" />
<input type="button" value="第一个按钮" onclick="mychange()" />
</table>

</body>
</HTML>

这是一种简单的方式实现。还有很多中解决方案，你可以再拓展一下。

❸ 如何用js实现点击按钮改变表格中的一个单元格的背景颜色

❹ js怎么设置点击按钮切换背景

var size = 5,current = 0,gx = document.getElementById("gx");

function next(){

current = (current+1)%size;

change();

}

function prev(){

current = (current+size-1)%size;

change();

}

function change(){

gx.style.backgroundImage="url(images/gx"+(current+1)+".jpg)";

}

setInterval(next,1000);

按钮
<inputtype="button"onclick="prev()"value="prev"/>
<inputtype="button"onclick="next()"value="next"/>

❺ 鼠标点击按钮时变颜色js代码

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

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

❼ 需求一个js 或者 jq 通过点击一个按钮，来改变2个div的背景颜色

<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8">
<title>jquerycookie</title>
<scriptsrc="http://libs..com/jquery/1.8.0/jquery.min.js"></script>
<title>颜色互换</title>
</head>
<body>
<style>
.div1{width:100px;height:100px;background:#00F;}
.div2{width:100px;height:100px;background:#f00;}
.div3{width:100px;height:100px;background:#3F6;;}
</style>
<divclass="div1"><inputname=""type="checkbox"value="a">AAAAAA</div>
<br>
<divclass="div2"><inputname=""type="checkbox"value="b">BBBBBB</div>
<br>
<divclass="div3"><inputname=""type="checkbox"value="c">cccccc</div>
<br>
<inputname=""type="button"value="点击">
<script>
$(function(){
$("input:button").click(function(){
varlen=$(":checked").length;
if(len<=1){
alert("请选择两种颜色");
}elseif(len>2){
alert("不能超过两种颜色");
}else{
varbackground1=$(":checked").eq(0).parent().css("background");
varbackground2=$(":checked").eq(1).parent().css("background");
$(":checked").eq(0).parent().css("background",background2);
$(":checked").eq(1).parent().css("background",background1);
}
});
});
</script>
</body>
</html>

❽ js点击切换背景颜色

❾ js把正在点击的输入栏变换背景颜色

页面加完成执行一下方法监听input框的onfocus事件

在这个输入框获得交点时触发一下事件将红色去掉方法如下

window.onload=function(){
listenInputFocus();
}
listenInputFocus=function(){
varinputs=document.getElementsByTagName("input");
for(vari=0;i<inputs.length;i++){
inputs[i].onfocus=function(){
this.style.backgroundColor='';
}
}
}

❿ javascript 点击一行中的一个按钮，使该行的背景颜色变为红色

<volistname="list"id="vo">
<tr>
<td>asd</td>
<td>asd</td>
<td>asd</td>
<td><aclass="isAdvbtn"onclick="showred(this);">按钮</a></td>
</tr>
</volist>

<scripttype="text/javascript>
functionshowred(obj){
obj.parentElement.parentElement.style.backgroundColor="#FF0000";
}
</script>

导航:首页 > 编程语言 > 点击按钮变背景颜色js

点击按钮变背景颜色js

与点击按钮变背景颜色js相关的资料

友情链接