title: how to Change Multiple getElementById?
body: <p>its working but the only the first get elementbyid is working i mean it is the only code that change the value of id. </p>
  
  <p>This is my html</p>
  
  <pre><code>&lt;li &gt;&lt;a href="#Home" id="activehome" onclick="load_home()"&gt;HOME&lt;/a&gt;&lt;/li&gt;
  &lt;li &gt;&lt;a href="#Products" id="inactiveproducts" onclick="load_products()"&gt;PRODUCTS&lt;/a&gt;
  </code></pre>
  
  <p><strong>this is my script</strong></p>
  
  <pre><code>function load_home(){
    document.getElementById("content").innerHTML='&lt;object class="slideshow"  type="text/html" data="home.html" style="overflow:hidden; width: 100%;   height:500px;" &gt;&lt;/object&gt;';
  
    if(document.getElementById("inactivehome")){
      document.getElementById("inactivehome").id = "activehome";
      document.getElementById("activeproducts").id = "inactiveproducts";
      document.getElementById("activeservice").id = "inactiveservice";
      document.getElementById("activeabout").id = "inactiveabout";
      document.getElementById("activecontactus").id = "inactiveproducts";
    }
  }
  </code></pre>