Javascript 无法按类名获取元素的值

我创建了许多

h1

，它们的类名如下所示

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

1
两个
三
四

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

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

Show

通过单击，我想显示类为“h1”的元素的所有值

const-button=document.getElementById（'button'）；
var h1=document.getElementsByClassName（'h1'）；
addEventListener（'click'，function（）{
对于（var i=0；i您有一个长度错误，而且如果您使用，您在
lenght
中也有一个错误。另外，
元素没有
值
属性。表单元素有。最后，由于数组在JavaScript中是零索引的，您希望
没有
值。它确实有
innerHTML
ode>value
仅限于输入类型元素。必须有一个dupetarget用于@connexo的观察…（例如：，）很可能。如果这个网站有不错的搜索功能。还有，你在哪里把脚本包括在head标记中？如果是这样，你将不得不等待DOM准备好绑定事件。或者你也可以在body closing标记的末尾之前加入脚本。@AL-zami iconst 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);
    }
});

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

}
});