Javascript 如何在类中选择特定的按钮标记

我希望在单击按钮时，代码应该提醒类移动中的名称。但是我的代码工作不正常，控制台显示“无法读取未定义的属性'getElementsByClassName'。我的javascript代码中是否有错误？？谢谢

我的javascript代码的一部分

for(var i=0; i<4; i++){
                document.getElementsByClassName("moves")[0].getElementsByTagName("BUTTON")[i].onclick
                = alert(document.getElementsByClassName("moves")[0].document.getElementsByClassName("move")[i].textContent);
}

---

for（var i=0；i需要注意的几件事：

1-当您将
警报（）
传递给单击处理程序时，会立即调用它。您需要将其包装到函数中

2-使用
此
，您不需要从最顶端重新选择元素，您可以从当前在范围内的位置开始


for（变量i=0；i<4；i++）{
document.getElementsByCassName（“移动”）[0]。getElementsByTagName（“按钮”）[i]。onclick=function（）{
警报（this.textContent.trim（））
};
}

A.
B
C
D
感谢您的评论！但控制台仍然显示“无法读取未定义的属性'getElementsByTagName'”。@AndyAnderson它告诉您，当您在这里运行它时？我没有收到任何控制台错误。我在那里输入了一个错误，您的代码工作正常！谢谢！
<div class="moves">
          <button>
            <span class="move">a</span> <span class="dp"></span>
            <img src="icons/fighting.jpg" alt="Pokemon move" />
          </button>
          <button>
            <span class="move">b</span> <span class="dp"></span>
            <img src="icons/fighting.jpg" alt="Pokemon move" />
          </button>
          <button>
            <span class="move">c</span> <span class="dp"></span>
            <img src="icons/fighting.jpg" alt="Pokemon move" />
          </button>
          <button>
            <span class="move">d</span> <span class="dp"></span>
            <img src="icons/fighting.jpg" alt="Pokemon move" />
          </button>
        </div>