title: Return display property via javascript
body: <p>I have an element with display property set to none.  I want to use javascript to return this display property.  The code I'm using returns nothing or NULL when it should return "none".  This is the code i'm using:</p>
  
  <p>element CSS</p>
  
  <pre><code>.element
  {
  display:none;
  }
  </code></pre>
  
  <p>javascript</p>
  
  <pre><code>function get_display_status()
  {
  
  
      var element = document.getElementById('elementID');
      var status = element.style.display;
  
      document.write(status);
  }
  </code></pre>
  
  <p>Result: Current status: ""</p>
  
  <p>Image : <a href="http://gyazo.com/f662fd257602e973ca329a25314fb6ab" rel="nofollow">http://gyazo.com/f662fd257602e973ca329a25314fb6ab</a></p>
  
  <p>Any workarounds to this?  Thanks</p>