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

How to get value of first classname using javascript?

本文关键字：第一个 何使用 javascript 获取      更新时间：2024-05-01

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

我试着在下面测试我的代码。但它仍然会提醒CCD_ 1。

对于类测试的警报第一值（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>

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-*属性的OR：

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>

亲爱的，用undefined0 替换以下代码var test_value = list[0].value;

试试这个，

<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].getAttribute('value');
    alert(test_value);
</script>
相关文章：