使用Javascript测量点击？

对使用JS来说相当陌生，我已经创建了一个图像，在点击它时会弹出一个模式。我在w3schools.com上举了一个例子，但我希望他们能解释代码的这一方面。因此，弹出模式包含一个“x”，点击后，将关闭模式，因为它应该关闭。但是，当他们在JS中为cancel按钮创建变量时，会在括号中加上一个0：

var closeButton = document.getElementsByClassName("close")[0]; 
                                                           ^
                                                           ^

我的第一个问题是，这个包含数值的部分指的是什么？这是一个数组吗？这用于测量记录的点击次数（即点击后，该值将更改为[1]）

此外，我是否可以附加另一个变量来代替该值？换句话说，如果我能做到以下几点

var clicks = [0];
var closeButton = document.getElementsByClassName("close").clicks;

我想知道这一点，因为我想看到，如果按钮被点击，我会在同一网站的其他模态上使用相同的取消按钮。我的意思是，我想把点击值改回[0]，这样它对其他模态也能起同样的作用（到目前为止，取消按钮只对第一个模态起作用，而不会关闭其他模态。我相信这是因为我不会回到[0]）

---

对没有使用正确的术语表示歉意；这是我问这个问题的主要原因之一。括号[0]中的值指的是什么？是不是在测量咔哒声？当我想在其他模态上执行相同的操作时，如何不断更改其值，使其返回到[0]？非常感谢您的任何帮助，因为我对这一点还不熟悉。

括号中的值表示数组的索引

本声明：

document.getElementsByClassName（“关闭”）

返回文档中类名为“close”的元素数组。如果有多个关闭按钮，它将返回所有这些元素的数组

将

[0]

添加到该语句的末尾意味着您正在选择数组起始索引处的元素（数组中的第一个元素）

您可以将其更改为

[1]

，它将选择该数组中的第二个元素，但这在这种情况下对您没有帮助

如果要使用同一关闭按钮关闭多个模态，并且只有一个关闭按钮的类名为“close”，则始终可以使用以下选项选择该按钮：

---

document.getElementsByClassName（“close”）[0]

括号中的值表示数组的索引

var closeButton = document.getElementsByClassName("close")[0]; 

本声明：

document.getElementsByClassName（“关闭”）

返回文档中类名为“close”的元素数组。如果有多个关闭按钮，它将返回所有这些元素的数组

将

[0]

添加到该语句的末尾意味着您正在选择数组起始索引处的元素（数组中的第一个元素）

您可以将其更改为

[1]

，它将选择该数组中的第二个元素，但这在这种情况下对您没有帮助

如果要使用同一关闭按钮关闭多个模态，并且只有一个关闭按钮的类名为“close”，则始终可以使用以下选项选择该按钮：

document.getElementsByClassName（“关闭”）[0]

var closeButton = document.getElementsByClassName("close")[0]; 

“getElemetsByClassName”将返回一个数组。通过在末尾使用“[0]”，这只是表示我希望将此数组的第一个位置存储在closeButton上

如果页面上只有一个“.close”，则返回值将为->>[元素]。 如果有多个->>[元素，元素…]

“getElemetsByClassName”将返回一个数组。通过在末尾使用“[0]”，这只是表示我希望将此数组的第一个位置存储在closeButton上

如果页面上只有一个“.close”，则返回值将为->>[元素]。

---

如果有多个->>[element，element…]

函数getElementsByClassName[name]返回所有元素的数组，其中类名为[name]。因为在这个例子中只有一个元素具有这个特定的类名（或者他们知道他们只需要数组的第一个元素），所以追加了索引[0]，返回这个数组的第一个元素。因此，除非使用类“close”创建更多的元素，否则更改索引是没有意义的。此外，索引与点击次数或用户交互无关

---

希望这能回答您的问题。^^

函数getElementsByClassName[name]返回一个包含所有元素的数组，这些元素的类名为[name]。因为在这个例子中只有一个元素具有这个特定的类名（或者他们知道他们只需要数组的第一个元素），所以追加了索引[0]，返回这个数组的第一个元素。因此，除非使用类“close”创建更多的元素，否则更改索引是没有意义的。此外，索引与点击次数或用户交互无关

---

希望这能回答您的问题^ ^

谢谢您的回复@DylanStark。但是，如果我在其他窗口重复相同的按钮，它怎么会不起作用呢？这是否意味着我需要为不同的窗口声明不同的变量？谢谢你的回复@DylanStark。但是，如果我在其他窗口重复相同的按钮，它怎么会不起作用呢？这是否意味着我需要为不同的窗口声明不同的变量？非常感谢。我想澄清一下，这是否意味着我可以有多个名字？例如，是否可以执行以下操作：var secondCloseButton=document.getElementByClassName（“close”、“close2”、“close3”）[1]？我只是不明白为什么我的按钮只在我需要它工作的三个地方之一工作。非常感谢。我只是想澄清一下，这是否意味着我可以有多个名字