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

Answer 2

你已经使用i而不是j

   var dragElementsList = document.querySelectorAll("#dd-elements div");
    for(var j=0; j<dragElementsList.length; j++)
    {
       alert(dragElementsList[j].id);  //will give you element's id

    }