javascript - 尝试通过单击类名而不是 id 打开模态窗口

Question

大家好，

我相信我错过了一些非常简单的东西，但我似乎找不到它。 我试图在用户单击 div 时打开模式窗口。当 div 的 "id" 为 myBtn1 时，它就可以工作。但是当div的"class"为myBtn1时，它就不起作用了。

非常感谢任何帮助。

这有效

// Get the button that opens the modal
var btn = document.getElementById("myBtn1");

<a href="http://www.cnn.com/" target="_blank">
<div id="myBtn1">Open Cnn</div>
</a>

这不起作用。

// Get the button that opens the modal
var btn = document.getElementsByClassName("myBtn1");

<a href="http://www.cnn.com/" target="_blank">
<div class="myBtn1">Open Cnn</div>
</a>

Answer 1

getElementsByClassName 返回一个类似数组的对象。您需要通过 index 从中获取第一项。

如果您注意到，getElementById 是单数形式，但 getElementsByClassName 是复数形式

var btn = document.getElementsByClassName("myBtn1")[0];

<a href="http://www.cnn.com/" target="_blank">
   <div class="myBtn1">Open Cnn</div>
</a>