js怎么改变背景颜色(js怎么改变背景颜色为灰色)
js 通过button按钮onclick事件改变背景颜色 如何切换性改变?
对于几位回答问题的js水平实在不敢恭维：
回答问题不要偷换概念弄两个按钮来回切换、更要懂得标准的写法。
那style.backgroundcolor不是style.background
虽然有的浏览器可以识别background，也只是浏览器容错能力好，不要将错就错。
var
colortag
=
1;
var
colors
=
["#ff0000",
"#0000ff"];
function
mychange()
{
colortag
=
1
-
colortag;
document.getelementbyid("div1").style.backgroundcolor
=
colors[
colortag];
}
你试试看？
html网页制作，javascript，如何变换背景颜色？
function changeColor(){
var div=document.getElementByID("divID");
div.style.background="#color"; //color自定 自变
}
var timer=setInterval(changeColor,1000); //这是你想要的自动变换？每隔1000秒换次颜色
怎么用js设置一个渐变色的背景颜色
其实渐变的实现归根结底都是css（样式）来控制，所以我目前想到的有2种：
所有代码直接在JS里面写：
var test = document.getelementById(''test);
test?.style.backgroundImage='linear-gradient(120deg,?#155799,?#159957)';
PS:这儿的backgroundImage的‘i’一定要大写，并且一定要这么写，不能写成和长沙市里面的background-image一样，JS不识别的。
2.在css里面写好之后，通过js给element添加class来新增样式：
在样式表定义好样式?????
css：
.jianbian{
background-image:?linear-gradient(120deg,?#155799,?#159957);
}?
然后通过js给元素添加class
js:
var test = document.getelementById(''test);
test.className = 'jianbian' ;
大概就这样了，不过你还需要考虑一下不同浏览器的兼容性，关于渐变的写法。
-webket-/-moz-之类的
JS怎么控制input框的背景颜色
通过设置backgroundColor样式进行控制
1、页面定义一个input节点
div?id='aDiv'
??input?type="text"?id="a"?onblur="fun(this)"??//定义onblur事件调用改变背景
/div
2、添加改变背景的函数
script?type="text/javascript"
function?fun(obj){
????obj.style.backgroundColor="#ff0000";
//这里获取到了该节点，怎么让该text框背景颜色改变，变红色也行。?即：background-color属性颜色
}
/script
JS改变div背景色
!DOCTYPE?html
html
?head
title?js随机改变标签背景颜色?/title
meta?http-equiv="Content-Type"?content="text/html;charset=utf-8"
style?type="text/css"
*?{?margin:0;?padding:0;?}
body?{font-size:12px;line-height:150%;font-family:"微软雅黑",?Arial;text-align:center;}
h3?{font-size:16px;line-height:150%;}
.wrap?{width:300px;margin:0?auto;}
.wrap?ul?{padding:15px?0;}
.wrap?li?{display:block;width:100%;overflow:hidden;height:30px;background:red;margin-top:5px;}
/style
script?type="text/javascript"
function?switchColor()?{
var?c?=?['#111',?'red',?'green',?'blue',?'#ace',?'#f60',?'#ccc'];
var?li?=?document.getElementById("bg").getElementsByTagName("li");
if(li)?{
var?total?=?c.length;
for(var?i?=?0,?j?=?li.length;?i??j;?i++)?{
//?随机颜色
var?rnd?=?Math.floor(Math.random()?*?total);
li[i].style.backgroundColor?=?c[rnd];
}
}
}
/script
?/head
?body
h3js随机改变标签背景颜色/h3
div?class="wrap"
ul?id="bg"
li第1个/li
li第2个/li
li第3个/li
li第4个/li
li第5个/li
li第6个/li
/ul
input?type="button"?value="输入：1"?onclick="switchColor();"?/
/div
?/body
/html
这里为了方便直接用的LI标签，DIV也是一样的，由于颜色和LI标签的数量可以不同，所以用了个随机颜色，你稍微调整下就可以了，不过这个用jQuery额each来遍历最简单
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();"?/