document.getElementsByClassName 拿到的对象如何添加hover

您可以使用循环遍历document.getElementsByClassName()返回的元素列表，并为每个元素添加一个事件监听器。

例如，以下代码将为所有类名为“my-class”的元素添加hover效果：

var elements = document.getElementsByClassName("my-class");

for (var i = 0; i < elements.length; i++) {
  elements[i].addEventListener("mouseover", function() {
    this.style.backgroundColor = "red"; // 添加hover效果的样式
  });

  elements[i].addEventListener("mouseout", function() {
    this.style.backgroundColor = ""; // 恢复默认背景颜色
  });
}

在这个例子中，我们首先使用document.getElementsByClassName()获取所有类名为“my-class”的元素，并将它们放入一个数组中。然后，我们使用for循环遍历元素列表，并为每个元素添加两个事件监听器：一个鼠标悬停时触发的mouseover事件监听器和一个鼠标移开时触发的mouseout事件监听器。

在mouseover事件监听器中，我们将元素的背景颜色设置为红色，以创建hover效果。在mouseout事件监听器中，我们将元素的背景颜色设置为空字符串，以恢复默认背景颜色。