html 颜色为无色,JS设置对象背景为无色或有色

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