JS获取网页的背景颜色和字体颜色的方式
网页的背景颜色和字体颜色如下所示:想:通过获取颜色属性,RGB颜色不是我们想要的,所以我们需要用十六的二进制颜色替换RGB颜色。首先我们得到RGB颜色。
复制代码代码如下所示:
VaR的RGB = document.getelementbyid(色彩)。Style.backgroundColor;
格式如下:RGB(225, 22, 23),然后拆卸:
复制代码代码如下所示:
VaR的RGB = rgb.split({ 1 }(' '); / /分裂{ RGB,225,22,23)},为2的数组长度
然后(225,22,23)字符串拆分(注:只有数字类型可以转换,所以parseInt被迫转换的类型!):
复制代码代码如下所示:
对于(var = 0;k<3;k + +){
STR {K } = parseInt(RGB.Split(','){克}),ToString(16); / / STR数组来保存数据的分解
}
最后组合:
复制代码代码如下所示:
str =# + str { 0 } + str { 1 } + str { 2 };
整个代码如下所示:
复制代码代码如下所示:
gethexcolor js / jQuery获取十六进制颜色
功能gethexbgcolor(){
var;
VaR的RGB = document.getelementbyid(色彩)。Style.backgroundColor.split('(');
对于(var = 0;k<3;k + +){
STR { k } = parseInt(RGB { 1 }。分裂(','){克}),ToString(16);
}
str =# + str { 0 } + str { 1 } + str { 2 };
document.getelementbyid(色彩).innerHTML = str;
}
功能gethexcolor(){
var;
VaR的RGB = document.getelementbyid(色彩)。Style.color.split('(');
对于(var = 0;k<3;k + +){
STR { k } = parseInt(RGB { 1 }。分裂(','){克}),ToString(16);
}
str =# + str { 0 } + str { 1 } + str { 2 };
document.getelementbyid(色彩).innerHTML = str;
}
#色{
宽度:200px;
身高:200px;
行高:200px;
文本对齐:中心;
}