title: Changing the value of "id=" with document.getElementById
body: <p>Is this the correct way to do it?</p>
  
  <pre><code>&lt;a id="load" href="#" class="btn load" onclick="request(this); $('#load').fadeOut(2000)"&gt;add&lt;/a&gt;
  
  &lt;a href="#" id="test" onClick="alert( 'TEST!' )"&gt;here&lt;/a&gt;
  
  &lt;script language="javascript"&gt;
  var requests = 2;
  
  function request(self)
  {if(self.href != "#")
  requests -= 1;
  
  if(requests === 0)
  document.getElementById("test").id= "nextstep";}
  &lt;/script&gt;
  </code></pre>
  
  <p><strong>I want id="test" to change to id="nextstep" if the requests = 0.</strong></p>