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

时间:2013-11-13 09:06:52

标签: javascript css html5

我想在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]);
}

错误在哪里?非常感谢快速反应。

2 个答案:

答案 0 :(得分:1)

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

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

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

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

<强>参考

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

nodelist:http://www.w3schools.com/dom/dom_nodelist.asp

答案 1 :(得分:1)

您使用了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

    }