js中怎么样通过onclick修改多个按钮的背景色

如题所述

第1个回答  2016-07-08
代码如下:
<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实现五个按钮,点击每个按钮屏幕背景变成特定的每个颜色(红黄粉绿蓝...
<!DOCTYPE html>Documentredyellowpinkgreenbluefunction color (c) {document.body.style.backgroundColor=c;}

js 通过button按钮onclick事件改变背景颜色 如何切换性改变?
默认“今日”是选中状态,是行内样式:今日 上面的日期都是点击才会切换颜色:点击其它颜色,“今日”颜色更换成灰色 再次点击“今日”,还原回默认状态颜色 在除“今日”外的其它任一个日期中添加一个点击事件,可以实现【改变“今日”默认颜色状态】在“今日”的点击事件中添加【还原‘‘今日’’的默认...

jsp中js实现点击按钮更改背景图片代码怎么写?
div中的字体哦 补充说明:JSP全名为Java Server Pages,中文名叫java服务器页面,其根本是一个简化的Servlet设计,它 是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术有点类似ASP技术,它是在传统的网页HTML(标准通用标记语言的子集)文件(*.htm,*.html)...

js 点击ul下面的其中一个li改变背景颜色 li其中一句:第1个 然后呢,js...
使用li上的onclick事件 function td(obj){ jk(); obj.style.background = "red";}function jk(){ \/\/要用到obj的参数。我写到 var ul=document.getElementById('ul1'); var lii=ul.getElementsByTagName('li'); \/\/然后不会写了 for(var i=0;i<lii.length;i++){...

需求一个js 或者 jq 通过点击一个按钮,来改变2个div的背景颜色
DOCTYPE html>jquery cookie 颜色互换.div1{ width:100px; height:100px; background:#00F;}.div2{ width:100px; height:100px; background:#f00;}.div3{ width:100px; height:100px; background:#3F6;;}AAAAAABBBBBB

有一个 DIV 有三个按钮。 点不同的按钮 DIV 背景图不一样。怎么...
可以用js控制,点击不同的按钮,div的背景不同,不知道是不是你所需要的,如下:(function(){ ("#btn1").click(function(){ ("#div").css ("background","url..\/img\/img1.png)");});("#btn2").click(function(){ ("#div").css ("background","url..\/img\/img2.png)");});...

怎么给js的按键设置背景 比如这样的
可以是图片 也可以是背景色

JS 鼠标点选除标签外其他任意位置 背景色改变为 代码求写
clickThis = document.getElementById('需要点击的id');clickThis.onclick = function(){ document.style.background = "变化的颜色";this.style.background = "原来的颜色";} 手写代码。没有测试。你可以试试。思路是。点击的时候把整个文档的颜色改变。然后就是把点击的那个对象变化原来的颜色。

怎样用js设计 点击某个按钮,就可以改变文本框的颜色?
如果是要改变文本框背景色的话就用以下的!

html css js导航点击菜单后自动改变背景颜色
1、建立一个静态页命名为change.html ,标题为js导航点击的怎么同时变图片跟字体颜色。2、设置一个简易的导航栏。3、加css 控制菜单的样式,并加入背景图片。4、为li添加id,创建函数fun ,并传递传递参数。5、为函数加入点击导航改变背景图片的代码element.style.backgroundImage="url(images\/bg2.png)...

相似回答