title: Cannot access element's style.height in JS
body: <p>I'm trying to modify an elements height (elementTwo) using another element's height (elementOne) using JS (<strong>No jQuery)</strong></p>
  
  <p>When I try logging elementOne.style.height, I get an empty string
  Using Safari and Chrome inspector's I can see the computed height but cannot access it using JS. It shows up as faded (See screenshots)</p>
  
  <p><a href="http://i.stack.imgur.com/bZMga.png" rel="nofollow">Screenshot of Safari inspector</a> | 
  <a href="http://i.stack.imgur.com/97xnr.png" rel="nofollow">Screenshot of Chrome inspector</a></p>
  
  <pre><code>.elementOne {
    min-height: 100vh;
    width:100%;
  }
  </code></pre>
  
  <p>ElementOne has a min-height set to be 100vh but automatically increases in size based on the device / size of child elements. It does not have a height set. ElementTwo does not have any css by default</p>
  
  <p>I am trying to do this using JS only and <strong>do not want to use jQuery</strong> at all.</p>