javascript - 如何使用javascript获取第一个类名的值？

Question

如何使用 javascript 获取第一个类名的值？

我尝试在下面测试我的代码。但它仍然会警告undefined。

如何为类测试的警报第一个值(alert 1)做到这一点？

http://jsfiddle.net/3AaAx/104/

<div class="test" value="1"></div>
<div class="test" value="2"></div>
<div class="test" value="3"></div>

<script>
var list = document.getElementsByClassName('test');
test_value = list[0].value;
alert(test_value);
</script>

Answer 1

value 不是 div 元素的属性。使用 getAttribute 作为元素的 ATTRIBUTE 或使用 data-* 属性

var list = document.getElementsByClassName('test');
test_value = list[0].getAttribute('value');
alert(test_value);

<div class="test" value="1"></div>
<div class="test" value="2"></div>
<div class="test" value="3"></div>

或使用data-*属性:

var list = document.getElementsByClassName('test');
test_value = list[0].dataset.value;
alert(test_value);

<div class="test" data-value="1"></div>
<div class="test" data-value="2"></div>
<div class="test" data-value="3"></div>