How to log DOM styles in JavaScript

Question

How can one print out a particular style in the console?

This is my current (failed) attempt.

var test = document.getElementById("moop");
console.log(test.style.backgroundPostion);

Have you read: http://stackoverflow.com/questions/14028959/why-does-jquery-or-a-dom-method-such-as-getelementbyid-not-find-the-element? And does the element have a `style` attribute, or did you use a stylesheet? — David Thomas, Nov 23 '14 at 02:49

score 1 · Accepted Answer · answered Nov 23 '14 at 02:48

1

You most likely need to use getComputedStyle:

console.log(window.getComputedStyle(test).backgroundPosition);

answered Nov 23 '14 at 02:48

David Sherret

1 Answers1