如何獲取類型爲數字的所有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'} 
);