title: Inherited CSS Values via Javascript
body: <p>On my page I am changing some css styles via javascript. When I try and pull a value that has been inherited - it comes up blank. Consider the following:</p>
  
  <pre><code>    .Sliding
      {
          display: none;
          overflow: hidden;
      }
  
      .Sliding #FilterBox
      {
          height: 185px;
          background-color: Fuchsia;
      }
  </code></pre>
  
  <p>And the html:</p>
  
  <pre><code>&lt;div class="Sliding" id="FilterBox"&gt;
          &lt;h3&gt;Test Form&lt;/h3&gt;
          This is a test/&lt;br /&gt;
          12345
  &lt;/div&gt;
  </code></pre>
  
  <p>If I look at the element '<strong>document.getElementById(objname).style.display</strong>' its blank? How can I read the display value via via javascript?</p>