如何使用javascript按类名获取价值

Question

对不起，这是基本的，但我试图在google上搜索但仍未获得成功。

我希望得到这个

的价值

<input type='hidden' class='hid_id' value='1' />

使用Javascript 我想要提醒值1

我试着这个

var id = document.getElementsByClassName("hid_id");
alert (id);

但警报[object HTMLInputElement]

请帮助我。

Answer 1

getElementsByClassName（）返回一个数组，因此您必须访问第一个元素（如果有的话）。然后尝试访问value属性：

var id = document.getElementsByClassName("hid_id");
if (id.length > 0) {
    alert (id[0].value);
}

jsfiddle

Answer 2

试试这个：

var id = document.getElementsByClassName("hid_id")[0].value;

Answer 3

method .getElementsByClassName()返回一个类似数组的数组对象。

您需要访问对象中的元素而不是对象本身（这就是您看到[object HTMLInputElement]的原因）。

例如，第一个对象的value属性：

var elements = document.getElementsByClassName("hid_id");
var value = elements[0].value;

alert(value); // 1

或者，您也可以使用.querySelector() method：

var value = document.querySelector('.hid_id').value;
alert(value); // 1