问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

js 如何获取背景色的值?

发布网友 发布时间:2022-04-26 19:11

我来回答

4个回答

热心网友 时间:2022-04-11 11:14

javascript的style属性只能获取内联样式,对于外部样式和嵌入式样式需要用currentStyle属性。但是,currentStyle在FIrefox和Chrome下不支持,需要使用如下兼容性代码

HTMLElement.prototype.__defineGetter__("currentStyle", function () { 
    return this.ownerDocument.defaultView.getComputedStyle(this, null); 
});

接下来就可以直接使用currentStyle属性来获取元素的样式了,下面实例演示获取页面body的背景色:

1、HTML结构

<input type='button' value='点击按钮获取页面背景色' onclick="fun()"/>

2、CSS样式

body{background: RGB(222,222,2);}

3、javascript代码

HTMLElement.prototype.__defineGetter__("currentStyle", function () { 
return this.ownerDocument.defaultView.getComputedStyle(this, null); 
});

function fun(){
var color = document.body.currentStyle.backgroundColor;
alert(color);
}

4、效果演示

热心网友 时间:2022-04-11 12:32

rgb(255,153,0)就是背景颜色 只不过是RGB格式的而已

热心网友 时间:2022-04-11 14:07

rgb(255, 153, 0)这个就是背景色啊

热心网友 时间:2022-04-11 15:58

......style.bakcgroundColor;应该可以了!
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
工会主席权限 魅族坏了怎么办 网上买的魅族手机坏了可以保修吗?自己弄坏的,手机花屏,修要多少钱... 从梁溪路公益路公交站到建筑路夏联福记酒店坐什么公交最方便? 退货保和运费险有什么不同 现代Logo设计趋势是什么 优秀的logo设计有什么特征? 哪些品牌的鱼竿质量好 光威悟法师和达瓦一击哪个好 有人了解大卫地板吗?怎么样呢? 简单好用的颜色选择器兼容ie,firefox,chrome JQ/JS 调色器,时时调整网页背景颜色 JavaScript用函数改变页面背景颜色 空气炸锅机它弄出来的东西总是有点干,那怎么办? 空气炸锅机它弄出来的东西总是有点干,那怎么办? 炸炉预热起火什么原因 炸炉预热起火什么原因 空气炸锅炸薯条太干怎么办 空气炸锅炸薯条太干怎么办 生产中玻璃钢化炉炸炉怎么办 生产中玻璃钢化炉炸炉怎么办 控制炸锅嗯炸东西的时候非要垫锡箔纸吗? 控制炸锅嗯炸东西的时候非要垫锡箔纸吗? 电炸炉炸食物会冒烟吗? 电炸炉炸食物会冒烟吗? 帝肯电炸炉炸着东西突然往外冒油怎么回事? 帝肯电炸炉炸着东西突然往外冒油怎么回事? 炸炉起火燃烧怎么办? 炸炉起火燃烧怎么办? 空气炸锅炸的东西太硬太干怎么办 用js,根据内核不同,ie系列打开时填充body为红色,并5秒后跳到百度,火狐填充背景绿色。 怎样设置火狐的页面背景为护眼颜色 用javascript实现整个页面的背景颜色渐变 JS怎么做渐变的背景色,想让网页背景慢慢的变换颜色,Javascript代码怎么写... JS 在IE和火狐的兼容问题 JS代码兼容火狐游览器~~谢谢了 js中preventDefault方法,怎么兼容Firefox firefox修改背景颜色后的问题 JS (javaScript)中获取CSS背景颜色的问题 巴西的总统是谁? 求JS代码,实现选择li里的颜色值和图片,并以背景色和背景图片显示另一个... 巴西总统博索纳罗称自己已感染新冠是怎么回事? 火狐实现网页背景透明的办法,任何一个即可,要详细教程。要支持最新版... 巴西总统被禁止现场观看足球赛,他被拒绝进入主场的原因是什么? js onblur事件火狐不兼容问题 巴西总统的历任总统 自制火锅料需要什么配料 js对ie,firefox,谷歌浏览器兼容问题 巴西总统被罚款,为什么会被罚款? 巴西总统特梅尔仅仅上任两年就辞职,巴西总统比韩国总统还难当?