小编典典

临时文档中的getElementById不起作用

ajax

我想在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');错误是相同的。我该如何解决这个问题?

注意 :

如果在我的tempNode中只有这个

<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。


阅读 295

收藏
2020-07-26

共1个答案

小编典典

getElementById是一种文档方法,但是您可以在元素上使用它

您可以改为使用element.querySelector():

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