javascript点击按钮改变背景颜色(js设置按钮背景颜色)
JavaScript中怎么设置一个按钮,然后点击一次这个按钮,整个背景颜色就变一下,红黄蓝依次变
1、html代码:
button?onclick='demo()'click?me!/button
2、js代码:
var?index=0;
function?demo(){
??var?colorArr=['red','yellow','blue'];
??event.target.style.backgroundColor?=?colorArr[index%3];
??index+=1;
}
javascript 点击一行中的一个按钮,使该行的背景颜色变为红色
volist?name="list"?id="vo"
????tr
????????tdasd/td
????????tdasd/td
????????tdasd/td
????????tda?class="isAdv?btn"?onclick="showred(this);"按钮/a/td
????/tr
/volist
script?type="text/javascript
function?showred(obj)?{
????obj.parentElement.parentElement.style.backgroundColor?=?"#FF0000";
}
/script
JS点击更换网页背景颜色。
javascript脚本:
script?type="text/javascript"
//?定义可换的颜色
var?colors?=?["#ff0000",?"#00ff00",?"#0000ff",?"#ffff00",?"#00ffff",?"#ff00ff"];
var?index?=?0;
//?换色方法
function?changeColor()?{
//?获取颜色代码
var?color?=?colors[index++];
//?更改文档的背景色
document.bgColor?=?color;
if?(index?==?colors.length)?{
index?=?0;
}
}
/script
HTML代码:
input?type="button"?value="换色"?onclick="changeColor();"?/
如何用js实现点击按钮改变表格中的一个单元格的背景颜色
script language="javascript" type="text/javascript"
function chgbg(id){
var obj=window.document.getElementById(id);
var bg=obj.style.backgroundColor;
if(bg=='') obj.style.backgroundColor='#f00'
else obj.style.backgroundColor=''
}
/script
table width="100%" border="1" cellspacing="0" cellpadding="4"
tr
td id="td1" /td
td id="td2" /td
td id="td3" /td
/tr
tr
td id="td4" /td
td id="td5" /td
td id="td6" /td
/tr
/table
input type="button" value="点击改变指定单元格背景" onClick="chgbg('td1');" /