title: get innerHeight of <object data="url.html"> and set it as style.height of that object
body: <p>I have 2 columns.</p>
  
  <p>Column 1 holds my navigation.</p>
  
  <p>Column 2 holds my content.</p>
  
  <p>I used <code>getElementByID</code> and <code>setAttribute('data','url')</code> of an object whenever someone <code>onclick</code> a navigation.</p>
  
  <p>My issue is tag <code>&lt;object&gt;</code> does not support 'height:100%;' in css, so I'm trying to use javascript to get the innerHeight of a html file and set it's style.height to that data.</p>
  
  <p>Not sure if this is the right way or if there are other methods to load a html file in <code>&lt;object&gt;</code> and display the full height of a content.</p>
  
  <pre><code>&lt;body onload="load_a()"&gt;
  
  &lt;section class="grid-layout"&gt;
      &lt;div id="nav-panel"&gt;
          &lt;ul&gt;
              &lt;li&gt;
                  &lt;a href ="#" onclick="load_a()"&gt;
                      &lt;p&gt;A&lt;/p&gt;
                  &lt;/a&gt;
              &lt;/li&gt;
              &lt;li&gt;
                  &lt;a href ="#" onclick="load_b()"&gt;
                      &lt;p&gt;B&lt;/p&gt;
                  &lt;/a&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/section&gt;
  
  &lt;section class="grid-layout"&gt;
      &lt;div id="content-panel"&gt;    
          &lt;object onloadstart="object_height" id="content" type="text/html"&gt;&lt;/object&gt;
      &lt;/div&gt;
  &lt;/section&gt;
  
  &lt;/body&gt;
  
  &lt;script&gt;
  function object_height(){
      var contentHeight = document.getElementById("content");
      document.getElementById("content").style.height = contentHeight.innerHeight;
  }
  
  function load_a(){
      document.getElementById("content").setAttribute('data', 'a.html');
  }
  
  function load_b(){
      document.getElementById("content").setAttribute('data', 'b.html');
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>Is there anyway that when I click on navigation A, container loads a.html and when I click on navigation B, container loads b.html.</p>