js获取字体颜色

consolelog(getComputedStyle(ttitle[i])color);

if (getComputedStyle(ttitle[i])color=="rgb(0, 0, 0)") {

ttitle[i]stylecolor ='#10adff';

}else{

ttitle[i]stylecolor ='#000';

}

需要个字体设置颜色让rgb=000

ttitle{

text-align: left;

color: #000;

}

1首先架构一下网页的样式,既然是举例,那么就简单写入四个 span 用来做我们的文字存放,和之后的对比;

2我们首先用最初的 css 方式来给这些文字添加样式; 直接用 color 这个属性就可以控制文字的颜色; 就可以看到生效之后的效果;

3但是如果有很多不同的,颜色组成还可以这么写嘛,答案肯定是不行的。那么我们就用 js 来控制首先写一个 script 标签；里面 定义一个 数组 colors，存放 值 也就是 文字；而 下标 就可用来表示 颜色；

4然后我们用一个循环来将，下标 和 分别存放到 span 标签中去；然后就会将三个不同的 span 写入页面；（第四个 span 是间隔用的 并无什么意义）

5然后我们对比一下两个不同方式的页面代码量，咋一看 感觉并没什么差别，但是如果，颜色更多那？？？，图一只需要添加几个 下标 和值 ，但是图二那？（图一那个 span 并无意义）。

一个类似的jquery代码，参考一下吧，

如果有用，望采纳~~

<select onclick="documentbodystylebackgroundColor=thisvalue;">

<option value="blue">蓝色</option>

<option value="red">红色</option>

<option value="green">绿色</option>

</select>

要用最终样式解析元素被浏览器编译后的样式

function setColor()

{

var g_all = documentgetElementsByTagName("p");

var n = g_alllength;

for (var i = 0; i < n; i++)

{

//g_all[i]stylecolor="#000";

alert("aa--"+getStyle(g_all[i],'color'),+"--bb");

}

}

function getStyle(ele,key){

var val=elestyle[key];

if(!val){

if(documentdefaultView&&documentdefaultViewgetComputedStyle){

var css=documentdefaultViewgetComputedStyle(ele,null);

val=cssgetPropertyValue(key);

}else if(elecurrentStyle){

val=elecurrentStyle[key];

}

}

return val;

}

以上就是关于js获取字体颜色全部的内容，包括:js获取字体颜色、如何用js数组保存颜色值、JS ，怎么样用jsd出颜色选择框呢 并且怎么得到所选的颜色等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！