尝试通过单击类名而不是 id 打开 Modal window

Question

大家好，

我相信我遗漏了一些非常简单的东西，但我似乎找不到它。当用户单击 div 时，我试图打开模式 window。当 div 具有 myBtn1 的 "id" 时，它会起作用。但是当 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 returns 一个 array-like object。您需要通过 index.

从中获取第一项

如果你注意到，getElementById 是单数形式，而 getElementsByClassName 是复数形式

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

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

尝试通过单击类名而不是 id 打开 Modal window

Trying to open Modal window with click on classname instead of id

javascript

getelementsbyclassname