Question

How do I find all the css properties set explicitly via the style attribute?

Answer 1

Let’s say you wanted to get the styles of an element named “myp”:

var stylez = document.getElementById("myp").style;
var ix;
for (ix = 0;  ix < stylez.length;  ++ix) {
    console.log(stylez.item(ix) + ": " + stylez.getPropertyValue(stylez.item(ix)));
}

Working JSFiddle here produces output:

font-weight: bold

Only the info in style is output, even though a class sets a font size and a CSS directly applies a background color.

You could also read the style attribute text and parse it yourself, which is less accurate but if you wanted to include invalid statements you’d need this.