title: getElementById in temporary document is not function
body: <p>i have problem when i want to get id in li element and stored in temporary document.
  this is my javascript code.</p>
  
  <pre><code>var tempNode = document.createElement("div"); //creating element for storing response
      tempNode.innerHTML=ajaxhttp.responseText;
  var nodes = tempNode.getElementsByTagName("div");
  </code></pre>
  
  <p>ajaxhttp.responseText equals to</p>
  
  <pre><code>&lt;div id="side"&gt;
      .....    
      parent
      parent
  
  &lt;/div&gt;
          &lt;/li&gt;
          &lt;li id="recent-posts-3" class="widget widget_recent_entries"&gt;       &lt;h2 class="widgettitle"&gt;fdfs&lt;/h2&gt;
          &lt;ul&gt;
                  &lt;li&gt;&lt;a href="example.com2011/11/16/43422/" title="fdsdfしい！&amp;nbsp;モsdf&amp;nbsp;モバイルdsf&lt;/a&gt;&lt;/li&gt;
                                      &lt;/ul&gt;
          &lt;/li&gt;
  
  
  
  &lt;li id="text-7" class="widget widget_text"&gt;         
  ......
  &lt;/div&gt;
  </code></pre>
  
  <p>i'm sory if too much but that is my problem.
  when i try to loop and get id with this code</p>
  
  <pre><code>for (n=0; n&lt;nodes.length; n++) {
   console.log(tempNode.getElementById('recent-posts-3'));
  }
  </code></pre>
  
  <p>the error is not function.and when i try to <code>document.getElementById('recent-posts-3');</code> the error is same. how i can  fixed this problem?</p>
  
  <p>note : </p>
  
  <p>if in my tempNode only this </p>
  
  <pre><code>&lt;li id="recent-posts-3" class="widget widget_recent_entries"&gt;       &lt;h2 class="widgettitle"&gt;fdfs&lt;/h2&gt;
      &lt;ul&gt;
              &lt;li&gt;&lt;a href="example.com2011/11/16/43422/" title="fdsdfしい！&amp;nbsp;モsdf&amp;nbsp;モバイルdsf&lt;/a&gt;&lt;/li&gt;
                                  &lt;/ul&gt;
      &lt;/li&gt;
  </code></pre>
  
  <p>that's work. but not in my case i want to all element.
  2.and i'm not use jquery i want pure javascript.</p>