javascript - 为什么我在使用 `undefined` 时得到 `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] index:

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);