为什么在使用“document.getElementsByClassName(...).value”时出现“未定义”？

Question

为什么我会得到undefined以下结果console.log(tes_val)？我该如何修复它？

var tes = document.getElementsByClassName('a_b_1');
var tes_val = tes.value;
console.log(tes_val);

<input type="hidden" class="a_b_1" name="c_d_1" value="1|2|3">

谢谢。

Answer 1

getElementsByClassName返回一个HTMLCollection，因此为了访问此集合中第一个找到的元素，您需要使用[0]索引：

var tes_val = tes[0].value;

然而，这种使用 API 的方式很笨拙。如果您只对具有类的第一个元素感兴趣，a_b_1请使用Document.querySelector方法：

var tes = document.querySelector('.a_b_1');
var tes_val = tes.value;
console.log(tes_val);