我想在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しい! モsdf モバイル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');错误是相同的。我该如何解决这个问题?
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しい! モsdf モバイルdsf</a></li> </ul> </li>
那是工作。但就我而言,我并不需要所有要素。2.并且我不使用jQuery,我想要纯JavaScript。
getElementById是一种文档方法,但是您可以在元素上使用它
您可以改为使用element.querySelector():
tempNode.querySelector('li[id="recent-posts-3"]')