Javascript样式对象将复杂的颜色名称转换为rgb

Question

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

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

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

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

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

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

Answer 1

您可以使用setAttribute：

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

保留现有的内联样式：

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

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

<强> DEMO

请注意，内联background-color是'lightblue'而不是'rgb（173,216,230）。