Question

我在w3schools上发现了以下内容。因此，我希望模式显示onclick h1标签。我该怎么办？

我对js的了解很少，但我认为我需要使用onclick函数触发事件。为此，我需要为事件分配正确的位置。但是我不知道如何。

所以，我想是这样的。

我首先需要分配一些代码来获取h-tag，然后为我使用的h1类分配一个ID。然后我需要通过id获取模态。之后，我需要获取h1标签（我不知道该怎么做）。

我在互联网上上下搜索，并尝试自己做过很多事情，但是如果不知道该怎么做就不那么容易了。

<!-- Trigger/Open The Modal -->
<button id="myBtn">Open Modal</button>

<!-- The Modal -->
<div id="myModal" class="modal"></div>

<script>
// Get the modal
var modal = document.getElementById('myModal');

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

// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[0];

// When the user clicks the button, open the modal 
btn.onclick = function() {
modal.style.display = "block";
}

// When the user clicks on <span> (x), close the modal
span.onclick = function() {
modal.style.display = "none";
}

// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
if (event.target == modal) {
    modal.style.display = "none";
}
}
</script>

带有JS的Onclick事件HTML H标签

0 个答案: