六合开奖结果现场直播欢迎诸位!收藏本站注 册登 陆
常用三肖中特马:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 三肖中特马 > 文章页

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

Admin | 2015-7-11 9:27:48 | ReadNums | 2836 | 标签 网页制作 | 打印本页
     

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

  


问题未解决:在线咨询

网友评论

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
有问题请在线咨询。
20xx年x月x日