Question

我创建了很多h1，其类名与下面的相同。

<h1 class="h1">One</h1>
<h1 class="h1">Two</h1>
<h1 class="h1">Three</h1>
<h1 class="h1">Four</h1>

还创建一个显示这些元素值的按钮

<button id="button">Show</button>

点击我想用类＆＃34; h1＆＃34;

显示元素的所有值

const button = document.getElementById('button');
var h1 = document.getElementsByClassName('h1');
button.addEventListener('click', function(){
    for (var i = 0; i<=h1.lenght; i++){
        alert(h1[i].value);
    }
});

但没有任何表现。

Answer 1

你有一个错字的长度，如果你使用＆lt; =它会超出范围所以你应该使用＆lt;和.innerHTML为您的原始One，在编辑后如果您想获得输入的值，您应该使用.value

const button = document.getElementById('button');

var h1 = document.getElementsByClassName('h1');
button.addEventListener('click', function(){
   for (var i = 0; i<h1.length; i++){
     console.log(h1[i].innerHTML);

}
});

无法按类名获取元素的值

1 个答案: