js怎么把rgb颜色值转变为对应的单词?

JavaScript019

js怎么把rgb颜色值转变为对应的单词?,第1张

很难实现,像chrome浏览器的,基本你背景色写的是单词,但是浏览器已经转换为了rgb色,所以你读出来的不会是单词。如果你写在html里的话,可以用读取整个标签,然后用正则提取出来,但这个方法不建议使用,使用css样式表的基本就无法使用了。建议你用一个rgb

色,十六进制色和名字组成的数组或者字典,然后查询颜色会比较好。

<html>

<script type="text/javascript">

function f(n)

{

switch(n)

{

case 0:

alert("红")

break

case 1:

alert("黄")

break

case 2:

alert("粉")

break

case 3:

alert("绿")

break

case 4:

alert("蓝")

break

}

}

</script>

<form>

<input type="button" value="红" onclick="f(0)" />

<input type="button" value="黄" onclick="f(1)" />

<input type="button" value="粉" onclick="f(2)" />

<input type="button" value="绿" onclick="f(3)" />

<input type="button" value="蓝" onclick="f(4)" />

</form>

</html>

JS设置字体颜色是通过修改css样式来实现的。

html页面:

<body>

<form name="form1">

<input type="text" name="title" id="title" value="黑色头发" style="font-family:Helvetica">

<select name="selector" id="selector" onchange="changeColor()">

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

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

</select>

<select name="selector2" id="selector2" onchange="changeStyle()">

<option value="one">宋体 </option>

<option value="two">楷体 </option>

</select>

</form>

</body>

</html>

js改变字体颜色的方法:

<script>

function changeColor()

{

var title = document.getElementById("title").value

var select = document.getElementById("selector").value

if(select=="two")

{

document.getElementById("title").style.color="green"

}

else document.getElementById("title").style.color="red"

}