javascript - 这个功能可以更快吗？ Javascript

Question

我有一个函数可以获取 div 中的 DOM 元素数组(基于标签)。

Pseudocode:
1. Say I wanted to get all input and textarea elements within a table myTbl
2. Declare resultingArray = null
3. For each tag (ex: input, textarea)
4.   tagArray = Get all elements based on tag
5.   Create another array by manually looping through tagArray and adding 
it to resultingArray (the return type is dynamic collection and not an array.

从功能上讲，它可以工作，但耗时太长。有没有办法更快地完成我想做的事情？

Answer 1

基于 Ben 的 elements idea ，这是另一个带有非嵌套循环的镜头。

var tagNames = { 'SELECT' : true, 'INPUT' : true, 'TEXTAREA' : true }; //use an object for faster lookups
var rawElemsArray = document.getElementById("form-name").elements;
var elems = [];
for (var i = rawElemsArray.length - 1; i >= 0; i--) {
    if (tagNames[rawElemsArray[i].tagName]) {
        elems.push(rawElemsArray[i]);
    }
}

编辑:form.elements 是在 0 级 DOM 中定义的，所以我敢打赌它是跨浏览器的。如果满足您的目的，您还可以使用 childNodes(这也是跨浏览器的)。它们之间的区别在于 childNodes 选择所有节点(div、p、span 等)以及空文本节点(在非 IE 浏览器中)，而 elements 仅返回表单控制。