Javascript 为什么在使用“document.getElementsByClassName（…）.value”时会得到“undefined”？

为什么由于

console.log（tes_val）

，我会得到

未定义的
？我怎样才能修好它


var tes=document.getElementsByClassName（'a_b_1'）；
var tes_val=tes.value；
控制台日志（tes_val）
返回一个，因此为了访问此集合中第一个找到的元素，您需要使用
[0]
索引：

var tes_val = tes[0].value;

然而，这是一种笨拙的API使用方法。如果您只对类为
a_b_1
的第一个元素感兴趣，请使用以下方法：

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

var tes_val = tes[0].value;

然而，这是一种笨拙的API使用方法。如果您只对类为
a_b_1
的第一个元素感兴趣，请使用以下方法：

getElementsByClassName（…）
返回元素列表。注意方法名称中的复数
s
！使用
getElementsByClassName（…）[0]
访问列表中的第一个元素


var tes=document.getElementsByClassName（'a_b_1'）[0]
var tes_val=tes.value
console.log（tes|u val）/=>“1 | 2 | 3”
getElementsByClassName（…）
返回元素列表。注意方法名称中的复数
s
！使用
getElementsByClassName（…）[0]
访问列表中的第一个元素


var tes=document.getElementsByClassName（'a_b_1'）[0]
var tes_val=tes.value
console.log（tes|u val）/=>“1 | 2 | 3”
所有子元素的类数组对象

因此，您必须通过传递索引来选择特定的元素

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

所有子元素的类数组对象

因此，您必须通过传递索引来选择特定的元素

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


var tes=$（'.a_b_1'）；
var tes_val=tes.val（）；
控制台日志（tes_val）


var tes=$（'.a_b_1'）；
var tes_val=tes.val（）；
控制台日志（tes_val）

因为
tes
是一个集合。使用
var tes_val=tes[0]。值
.getElementsByClassName返回类似数组的集合。如果只有一个元素具有该类名，则可以使用tes[0]。值，因为
tes
是一个集合。使用
var tes_val=tes[0]。值
.getElementsByClassName返回类似数组的集合。如果只有一个元素具有该类名，则可以使用tes[0]。值