得到元素真实的背景颜色的js代码
2007-12-29 00:00
190 查看
得到元素真实的背景颜色
.classname {background-color:#ff99dd;}
#div3 {background-color:#d8bfd8;}
div {background-color:#87cefa;border:1px solid #333333;margin:10px;padding:4px;}
body {background-color:#bed742;}
#div4 {background-color:transparent;}
得到元素真实的背景颜色 By Longbill
div1 直接通过div标签定义背景色(#87cefa)
div2 通过class name定义背景色(#ff99dd)
div3 通过id定义背景色(#d8bfd8)
div4 这是一个透明的div,背景色应为上一个元素的颜色(#bed742)
getBg()
function getBg(element)
{//author: Longbill (www.longbill.cn)
//dnew.cn修补
var rgbToHex=function(rgbarray,array){
if (rgbarray.length < 3) return false;
if (rgbarray.length == 4 && rgbarray[3] == 0 && !array) return 'transparent';
var hex = [];
for (var i = 0; i < 3; i++){
var bit = (rgbarray[i] - 0).toString(16);
hex.push((bit.length == 1) ? '0' + bit : bit);
}
return array ? hex : '#' + hex.join('');
}
//---------------
if (typeof element == "string") element = document.getElementById(element);
if (!element) return;
cssProperty = "backgroundColor";
mozillaEquivalentCSS = "background-color";
if (element.currentStyle)
var actualColor = element.currentStyle[cssProperty];
else
{
var cs = document.defaultView.getComputedStyle(element, null);
var actualColor = cs.getPropertyValue(mozillaEquivalentCSS).match(/\d{1,3}/g);
//-----
actualColor = (actualColor) ? rgbToHex(actualColor) : "transparent";
}
if (actualColor == "transparent" && element.parentNode)
return arguments.callee(element.parentNode);
if (actualColor == null)
return "#ffffff";
else
return actualColor;
}
function go()
{
for(var i=1;i
.classname {background-color:#ff99dd;}
#div3 {background-color:#d8bfd8;}
div {background-color:#87cefa;border:1px solid #333333;margin:10px;padding:4px;}
body {background-color:#bed742;}
#div4 {background-color:transparent;}
得到元素真实的背景颜色 By Longbill
div1 直接通过div标签定义背景色(#87cefa)
div2 通过class name定义背景色(#ff99dd)
div3 通过id定义背景色(#d8bfd8)
div4 这是一个透明的div,背景色应为上一个元素的颜色(#bed742)
getBg()
function getBg(element)
{//author: Longbill (www.longbill.cn)
//dnew.cn修补
var rgbToHex=function(rgbarray,array){
if (rgbarray.length < 3) return false;
if (rgbarray.length == 4 && rgbarray[3] == 0 && !array) return 'transparent';
var hex = [];
for (var i = 0; i < 3; i++){
var bit = (rgbarray[i] - 0).toString(16);
hex.push((bit.length == 1) ? '0' + bit : bit);
}
return array ? hex : '#' + hex.join('');
}
//---------------
if (typeof element == "string") element = document.getElementById(element);
if (!element) return;
cssProperty = "backgroundColor";
mozillaEquivalentCSS = "background-color";
if (element.currentStyle)
var actualColor = element.currentStyle[cssProperty];
else
{
var cs = document.defaultView.getComputedStyle(element, null);
var actualColor = cs.getPropertyValue(mozillaEquivalentCSS).match(/\d{1,3}/g);
//-----
actualColor = (actualColor) ? rgbToHex(actualColor) : "transparent";
}
if (actualColor == "transparent" && element.parentNode)
return arguments.callee(element.parentNode);
if (actualColor == null)
return "#ffffff";
else
return actualColor;
}
function go()
{
for(var i=1;i
相关文章推荐
- 一个可以得到元素真实的背景颜色的javascript脚本
- 得到元素真实的背景颜色的js代码
- 一个可以得到元素真实的背景颜色的javascript脚本
- win8开发使用模板的时候,背景得到不同的颜色值
- 利用rgba和filter设置CSS背景颜色半透明且不影响子元素,兼容IE6-8
- Android GridView子元素item按击交互设计:背景颜色改变
- 上传图片input-file表单元素值为C://fakepath,不能得到本地真实路径解决方法
- 解决IE的背景颜色透明子元素不透明问题
- CSS设置元素字体颜色与背景
- JavaScript给相同class属性的元素添加背景颜色
- jquery animate 改变元素背景颜色
- 兼容性背景颜色半透明CSS代码(不影响内部子元素)
- Android如何让TextView子元素随着父元素的背景变化而改变字体颜色?
- 用javascript得到td 里面的背景颜色图片
- onclick事件改变元素的背景颜色
- 鼠标选择动态改变网页背景颜色的JS代码
- 设置div背景颜色透明度,内部元素不透明
- 利用 JS清除某元素背景/字体颜色
- CSS样式设置语法全解,样式优先级、值和单位、字体、文本、块级元素,行内元素,替换元素、非替换元素、display、float、position、table、li、光标、边距边框、轮廓、颜色背景
- HTML中基本元素基本设置(例如:字体颜色、大小、背景颜色)。