Get a CSS value with JavaScript

by

You can use getComputedStyle().

    var element = document.getElementById('image_1'),
        style = window.getComputedStyle(element),
        top = style.getPropertyValue('top');
    console.log(top);
<img id="image_1">

jsFiddle.

More Related Contents:

  1. How to display an chage photo option on mouse hover similar to linkedin using Javascript? [closed]
  2. How to force browser to show image 3 inches wide?
  3. How to use Checkbox inside Select Option
  4. How do I simulate a mouseover in pure JavaScript that activates the CSS “:hover”?
  5. jQuery CSS plugin that returns computed style of element to pseudo clone that element?
  6. why javascript this.style[property] return an empty string? [duplicate]
  7. How to change/remove CSS classes definitions at runtime?
  8. How to stop a setTimeout loop?
  9. Scrollable div to stick to bottom, when outer div changes in size
  10. Check element CSS display with JavaScript
  11. Why is deprecated and what is the best alternative?
  12. How to save image from canvas with CSS filters
  13. Detecting that the browser has no mouse and is touch-only
  14. Ellipsis in the middle of a text (Mac style)
  15. Add inline style using Javascript
  16. how to disable DIV element and everything inside [duplicate]
  17. How Do I Stop My Web Content From Shifting Left When The Vertical Scrollbar Appears? Roll-Up of Advice 2017 [duplicate]
  18. Load HTML page dynamically into div with jQuery
  19. jQuery position DIV fixed at top on scroll
  20. Can you have a JavaScript hook trigger after a DOM element’s style object changes?
  21. Trigger CSS Animations in JavaScript
  22. Inject CSS stylesheet as string using Javascript
  23. Why does querySelector only select the first element and how can I fix this?
  24. Detect browser wrapped lines via javascript
  25. Multiple read more / read less sections are not working on a page
  26. How to remove jQuery Mobile styling?
  27. Google map custom marker with css rounded corner
  28. How to Bootstrap navbar static to fixed on scroll?
  29. How to use pagination on HTML tables?
  30. Toggle divs without using Javascript

Leave a Comment