javascript - 临时文档中的 getElementById 不起作用

Question

当我想在 li 元素中获取 id 并存储在临时文档中时遇到问题。这是我的 javascript 代码。

var tempNode = document.createElement("div"); //creating element for storing response
    tempNode.innerHTML=ajaxhttp.responseText;
var nodes = tempNode.getElementsByTagName("div");

ajaxhttp.responseText 等于

<div id="side">
    .....    
    parent
    parent

</div>
        </li>
        <li id="recent-posts-3" class="widget widget_recent_entries">       <h2 class="widgettitle">fdfs</h2>
        <ul>
                <li><a href="example.com2011/11/16/43422/" title="fdsdfしい！&nbsp;モsdf&nbsp;モバイルdsf</a></li>
                                    </ul>
        </li>



<li id="text-7" class="widget widget_text">         
......
</div>

如果太多我很抱歉，但这是我的问题。当我尝试循环并使用此代码获取 id 时

for (n=0; n<nodes.length; n++) {
 console.log(tempNode.getElementById('recent-posts-3'));
}

错误不是函数。当我尝试 document.getElementById('recent-posts-3'); 时，错误是相同的。我该如何解决这个问题？

注意:

如果在我的临时节点中只有这个

<li id="recent-posts-3" class="widget widget_recent_entries">       <h2 class="widgettitle">fdfs</h2>
    <ul>
            <li><a href="example.com2011/11/16/43422/" title="fdsdfしい！&nbsp;モsdf&nbsp;モバイルdsf</a></li>
                                </ul>
    </li>

这就是工作。但对我来说不是，我想要所有元素。2. 我不使用 jquery，我想要纯 javascript。

Answer 1

getElementById是document的一个方法，但是你在一个元素上使用它

您可以改用 element.querySelector():

tempNode.querySelector('li[id="recent-posts-3"]')