一般来说,通过.style.backgroundColor属性,可以设置网页中的某个对象的背景颜色,请看下面的两行代码。
①设置对象背景颜色为无色
document.getElementById('MyDiv').style.backgroundColor=""
看到了吗,直接设置为空就行了。
②设置对象背景颜色为某种颜色
document.getElementById('MyDiv').style.backgroundColor="#008400"
看清楚了没有,填上颜色代码即可。
③使用Jquery设置对象背景颜色
$('MyDiv').css("background","black")
知识拓展:获取对象背景颜色
function toHex(N) {
if (N==null) return "00"
N=parseInt(N)if (N==0 || isNaN(N)) return "00"
N=Math.max(0,N)N=Math.min(N,255)N=Math.round(N)
return "0123456789ABCDEF".charAt((N-N%16)/16) + "0123456789ABCDEF".charAt(N%16)
}
function RGBtoHEX(str)
{
if (str.substring(0, 3) == 'rgb') {
var arr = str.split(",")
var r = arr[0].replace('rgb(','').trim(), g = arr[1].trim(), b = arr[2].replace(')','').trim()
var hex = [
toHex(r),
toHex(g),
toHex(b)
]
return "#" + hex.join('')
}
else{
return str
}
}
// 大写#FF0000
alert(RGBtoHEX($("#MyDiv").css("backgroundColor")) == "#FF0000")
javascript设置标签的背景颜色的方法:1、创建一个button按钮,给按钮绑定onclick事件;2、创建funcbg()函数,通过id获取p对象;3、给style属性中的background属性赋值即可。
在js标签内,创建funcbg()函数,在函数内,使用getElementById()方法通过id获得p对象,通过给style属性中的background属性赋值,实现改变p标签的背景颜色。
1、首先我们来创建一个p元素,在里面写上hello:。
2、在浏览器界面上的显示如下。
3、接下来我们就为这个p元素来设置背景颜色。
4、接下来看看浏览器中变化。
5、说明我们就已经为p元素改好了背景色,如果要改变颜色的话直接在后面改就好。