title: JavaScript style.height not working
body: <p>I'm trying to set the height of div on my page, because my page content is dynamic. But it don't work.</p>
  
  <p>CSS:</p>
  
  <pre><code>&lt;style type="text/css"&gt;
      #figmenu {
          height: 50px;
      }
  &lt;/style&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      function HeightUp() {
          var fm = document.getElementById('figmenu');
          fm.setAttribute('style', 'height: 500px');
          // fm.style.height = '500px';
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;body&gt;
      &lt;div id='cssmenu' onclick=HeightUp();&gt;
          &lt;input type="submit" name="change" value="First Button" id="figs"/&gt;
          &lt;input type="submit" name="change" value="Second Button" id="tr"/&gt;
          &lt;input type="submit" name="change" value="Third Button" id="fbp"/&gt;
      &lt;/div&gt;
  
      &lt;div id='figmenu'&gt;
          &lt;input type="submit" name="change" value="4th Button" id="b4"/&gt;
          &lt;input type="submit" name="change" value="5th Button" id="b5"/&gt;
          &lt;input type="submit" name="change" value="6th Button" id="b6"/&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>