<ul> </ul>中每个元素的JavaScript

Question

如何通过某个ul-Element并搜索其中的每个li-Element？我只找到了jquery解决方案，但不想在这里使用它。

Answer 1

在没有外部库（如jQuery或D3）的情况下循环选择会有点烦人，因为选择不会返回数组而是 HTMLCollection 或 NodeList （取决于您的浏览器）。如果你经常这样做，我建议使用一些第三方库。无论如何，这里是如何用纯JavaScript做的。

// This is not an Array but either an HTMLCollection or a NodeList
var selection = document.getElementById(<id>).getElementsByTagName("li");

for(var i = 0; i < selection.length; i++)
{
    // do something with selection[i]
}

重要的是要注意，因为您的选择不是数组，所以不能使用 for-each 循环（至少是预期的方式）或任何更高级别的 Array 函数正如here所述。