2

在将复杂的 CSS 颜色名称应用于document.getElementById(xxx).style对象中的 DOM 元素时，有没有办法覆盖 javascript 如何将复杂的 CSS 颜色名称转换为 rgb 值。

例如： settingdocument.getElementById("colorMe").style.background = "lightblue"将"DOMElement".style对象设置为背景 = "rgb(...)"。

但是， setting document.getElementById("colorMe").style.background= "blue" 将"DOMElement".style对象设置为background = "blue".

我想要所有颜色名称的第二个版本，而不仅仅是简单的颜色名称。

我想绕过 javascript 如何将该颜色转换为复杂颜色名称的 RGB 值。这可能吗？

编辑：我知道有一些方法可以来回转换，我只是想绕过 javascript 似乎“为我”转换它们的方式......我希望它保持为“浅蓝色”，并且浏览器似乎将浅蓝色处理为背景颜色就好了。

4

1 回答 1

2

You could use setAttribute:

element.setAttribute('style', 'background-color: lightblue');

To preserve the existing inline style:

var box = document.getElementById("box"),
    old_style = box.getAttribute('style');

box.setAttribute('style', old_style + ' background-color: lightblue;');

DEMO

Notice that the inline background-color is 'lightblue' and not 'rgb(173, 216, 230).'

于 2013-02-01T06:47:25.533 回答