Jquery Js document.getElements解释？

我对js代码有一些问题（再次^^）。在一个项目中，我使用“main.js”中的js代码调用（某种）模式，该代码使用“document.getElementById”来触发模式

问题，我想触发页面周围有多个链接的模式。。所以我试着用“document.getElementsByClassName”来代替，但这根本不起作用！（当然，我做了html部分所需的所有更改）

谢谢你的帮助

这就是Js代码：（我正在学习Js）

html是（的一部分）：

---

好的，我明白了！！我通过更改第一行并添加一些代码找到了一种方法：

triggerBttn = document.querySelector('div.trigger-contact'),
triggerBttn2 = document.querySelector('li.trigger-contact'),

并在底部添加：

triggerBttn2.addEventListener( 'click', toggleOverlay );

---

当您使用

GetElementsByCassName/TagName/Name（）

时，您将得到所谓的HTMLCollection。它是目标元素的列表，该列表是一个“类似数组的”对象“类数组”对象不是真正的数组，但您可以了解列表中有多少元素以及循环之类的基本内容。顺便说一句，如果你有一些HTML和a，你的例子将更容易分析。而且，如果所有这些

.trigger contact

都绑定到同一个事件，并且事件处理程序是相同的，那么有更简单的方法来处理。我相信你知道你在做什么，但我不知道。我想你不知道我对你的问题的答案是什么，但我肯定知道知道布局是非常重要的。您正在操作DOM，因此HTML很重要。如果这就是你拥有的HTML，而没有其他东西，那么你应该没有任何问题。这让人困惑…我在你的msg之前回复？是的，我们已经阅读了之前的回复，祝你好运。

(function() {
var triggerBttn = document.getElementsByClassName( 'trigger-contact' ),

triggerBttn = document.querySelector('div.trigger-contact'),
triggerBttn2 = document.querySelector('li.trigger-contact'),

triggerBttn2.addEventListener( 'click', toggleOverlay );