一般来说,通过.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")