如何获取类型为数字的所有HTML对象

Question

我有一组输入;一些是数字输入，另一些是文本输入。我知道我可以通过

x=document.getElementsByTagName('input'); 

得到所有输入，但我怎么能做到这一点只得到与类型=数字输入？我需要一个纯粹的JavaScript解决方案，不需要jQuery或其他框架。

Answer 1

需要使用querySelectorAll()方法。

x = document.querySelectorAll('input[type="number"]'); 

DEMO

Answer 2

你有一个很好的答案，但对于旧的浏览器不完全支持选择API，你会使用的getElementsByTagName然后式过滤器：

var inputs = document.getElementsByTagName('input'); 

for (var i=0, numbers=[], iLen=inputs.length; i<iLen; i++) { 
    if (inputs[i].type == 'number') numbers.push(inputs[i]); 
} 

或者如果ES5支持可用：

var numbers = Array.prototype.filter.call(document.getElementsByTagName('input'), 
    function(input) {return input.type == 'number'} 
);