javascript - 如何使用 querySelectorAll 获取具有特定 id 的 div 中的所有 div

Question

我想获取一个id为dd-elements的div里面的所有div

我正在使用

var dragElementsList = document.querySelectorAll("#dd-elements div");

这是正确的语法吗？ AFAIK 它的语法正确，在节点列表中我得到 9 个元素，但当我尝试提醒它们时所有元素都处于未定义状态。

for(var j=0; j<dragElementsList.length; j++)
{
    alert(dragElementsList[i]);
}

错在哪里？非常感谢您的快速回复。

Answer 1

尝试这样的事情，使用 j 而不是 i

 for(var j=0; j<dragElementsList.length; j++)
{
   alert(dragElementsList.item(j).id); //get element id
}

querySelectorAll 返回的 NodeList 将包含文档中的所有元素。

NodeList中的节点可以通过索引号(从0开始)访问。

引用

querySelectorAll : https://developer.mozilla.org/en-US/docs/Web/API/Document.querySelectorAll

节点列表:http://www.w3schools.com/dom/dom_nodelist.asp