javascript - 如何在 JavaScript 中获取不正确的 CSS 属性值？

Question

我需要获取 CSS 属性的原始值，即使该值不正确也是如此。

var el = document.getElementById('value');
var style = window.getComputedStyle(el);
el.insertAdjacentText('afterbegin', style.getPropertyValue('color'));

#value {
	color: foo;
}

<p>
	Property <code>color</code> value (should be <em>foo</em>): <code id="value"></code>
</p>

在上面的代码中，我使用了 foo 作为 color 属性的值，这显然是不正确的——没有具有该名称的颜色，也不是可接受的颜色格式。但是，当我在 JavaScript 中读取该值时，我得到的是 rgb(0, 0, 0) 而不是 foo。

我想获得原始值，因为它出现在样式表中。我怎样才能做到这一点？

http://codepen.io/xerif/pen/NpqKBO/

Answer 1

您有 2 个不同的问题

首先是有许多不同的格式来设置颜色，但浏览器只会为 getComputedStyle 返回一种格式。返回的格式甚至可能跨浏览器不一致。例如，一个浏览器可能返回 rgb 而另一个 rgba

另一个是，当在 css 规则中提供无效值时，浏览器渲染引擎不会设置该值，因此在 dom 中不可访问。

你问的不能做