myDiv.style.display returns blank when set in master stylesheet

by

If you access to a DOM Element via JS(using for example getElementById) you’ll not be able to read the computed style of that element, because it is defined inside the CSS file. To avoid this, you have to use property getComputedStyle(or currentStyle for IE).

function getStyle(id, name)
{
    var element = document.getElementById(id);
    return element.currentStyle ? element.currentStyle[name] : window.getComputedStyle ? window.getComputedStyle(element, null).getPropertyValue(name) : null;
}

Usage(JSFiddle):

var display = getStyle('myDiv', 'display');
alert(display); //will print 'none' or 'block' or 'inline' etc

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. Full-screen iframe with a height of 100%
  4. Only detect click event on pseudo-element
  5. How To Get Font Size in HTML
  6. Cache busting via params
  7. Select all elements that have a specific CSS, using jQuery
  8. How can I disable a browser or element scrollbar, but still allow scrolling with wheel or arrow keys?
  9. Hide scrollbar while still being able to scroll with mouse/keyboard [duplicate]
  10. Border Radius for IE8
  11. Have a div cling to top of screen if scrolled down past it [duplicate]
  12. clientHeight/clientWidth returning different values on different browsers
  13. Highcharts – issue about full chart width
  14. How to set prefixed CSS3 transitions using JavaScript?
  15. Trees in Twitter Bootstrap [closed]
  16. Limit labels number on Chart.js line chart
  17. Fill available spaces between labels with dots or hyphens
  18. Dynamically change the size of the font size based on text length
  19. Why does querySelector only select the first element and how can I fix this?
  20. black and white text based on background image with css
  21. Detect browser wrapped lines via javascript
  22. Multiple read more / read less sections are not working on a page
  23. Google map custom marker with css rounded corner
  24. Placeholder for contenteditable div
  25. How to get CSS class property in Javascript?
  26. Perspective transform of SVG paths (four corner distort)
  27. Setting the height of a DIV dynamically
  28. assign color to mouse cursor using CSS
  29. Center an Image vertically and horizontally using CSS
  30. Change background on button click, using CSS only? [duplicate]

Leave a Comment