Javascript 按类名而不是ID获取元素

我试图通过类名而不是ID来选择一个元素，因为我有几个具有相同类名的元素，并且我试图为它们中的每一个在“mouseenter”和“mouseleave”上实现相同的效果

这是我目前掌握的代码：

var circle=document.getElementById（'circle'））
无功定时器
circle.addEventListener（'mouseenter'，function（）{
圆圈.classList.add（'up'））
定时器=设置间隔（函数（）{
circle.classList.toggle（'up'）
}, 1000)
})
circle.addEventListener（'mouseleave'，函数（）{
清除间隔（计时器）
circle.classList.remove（'up'））
})

正文{
宽度：100%；
高度：100vh；
保证金：0；
填充：0；
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
div{
宽度：50px；
高度：50px；
背景颜色：蓝色；
转型：转型1秒轻松；
边界半径：50px；
}
分区{
转换：translateY（-20px）；
}

var-box=document.getElementsByClassName（'box'））
对于（变量i=0；i

上面的代码选择带有类名框的框，该框返回一个节点列表，我们可以迭代节点列表并向每个节点添加EventListener。
在Google中，按类搜索javascript get元素：
如果你有一个类要搜索

document.getElementsByClassName('test')

如果你有两个

document.getElementsByClassName('rouge test')

我不知道如何实现它，通过类而不是ID获取元素并应用相同的效果。
document.getElementsByClassName('rouge test')