javascript - GetElementById 与 Dom 迭代

Question

假设我有一个很小的 ​​ID 列表(大约 10 个)，我想在 Html 页面中获取相应的元素。

我应该在每个 ID 上使用 getElementbyId() ，还是可以像这样迭代 DOM:

for (var i = 0; i < element.childNodes.length; i++)
{
    var childNode = <HTMLElement>element.childNodes[i];

    if (this.Ids.indexOf(node.id, 0) >= 0)
            this.collection.setValue(node.id, <HTMLInputElement>node)

    if (childNode.childNodes.length > 0)
        this.iterateHtmlNodes(task, childNode);
}

• 哪种方法最快？
• 哪个是最好的方法？
• 如果我要提取的元素数量较多 (>100) 怎么办？

我正在使用 TypeScript。

Answer 1

无论如何，使用 GetElementById 都会更快，因为它在浏览器中使用 native 函数支持。