大众计算机学习网

专门提供各种电脑教程

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

Admin | 2015-7-11 9:27:48 | 被阅次数 | 3508

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