1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > html 颜色为无色 JS设置对象背景为无色或有色

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

时间:2024-02-05 09:15:55

相关推荐

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")

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。