javascript getElementsByClassName 值错误

Question

我在 javascript popUp 中有一个小函数，我想知道 getElementByClassName 函数是否返回具有该类的所有元素的数组，而不是为什么当我提醒它说对象 Html 输入元素尽管我的表单编号中有什么字段(空格或一些数字)。那么我如何从该数组中获取值。

 var arr = document.getElementsByClassName('num');

function popUp(){
    for(var i = 0;i < arr.length;i++){
        alert(arr[i]);
    }
}

这是 HTML:

<form id = "matrix">

<input type = "number" class = "num" />
<input type = "number" class = "num" />

<input type = "number" class = "num" />
<input type = "number" class = "num" />

<input type = "button" value = "count" id = "count" onclick = "popUp()"/>
</form>
</div>

Answer 1

使用.value

喜欢

alert(arr[i].value);

如果你需要兼容IE8-，你不应该使用

type = "number"

它是 HTML5，不被 IE8- 支持。
请改用 type="text"。