Получить полное значение атрибута style conatining invalid css

Question

Я пытаюсь получить строковое значение атрибута style в элементе HTML. Проблема, с которой я сталкиваюсь, заключается в том, что если свойство стиля имеет недопустимое значение, свойство не будет выводиться из результата.

Пример:

<article id="Contact" style="margin: 10px; padding: 10px; color:{Color};"> 
</article> 

var contact = document.getElementById("Contact"); 
var style = contact.getAttribute("style"); 
console.log(style); //Prints "margin: 10px; padding: 10px;" 

Я хочу, чтобы напечатать "Маржа: 10px; обивка: 10px; цвет: {цвет};"

https://jsfiddle.net/wybdL7xk/2/

Есть в любом случае я могу получить все значения в Internet Explorer?

* Chrome работает как указано ниже

Answer 1

Может быть, вы могли бы использовать запрос AJAX для чтения CSS документа. Таким образом, вы не получаете детей из DOM, а скорее текстовый файл.

$.when($.get("document.css")).done(function(response){ 
     console.log(response); 
     // Do something with response text 
}):