如何在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中不可訪問。

您的要求無法完成