无法关闭Java语言中的模式

Question

我在电子书项目中写了一些js代码。 问题出在模态中，用来像弹出窗口一样显示其他页面的引用。 这是我的项目的一部分，专门用于关闭模式。

    // Riferimento al Modal
var modal = document.getElementById('modalversetti');
// Riferimento allo <span> che chiude il Modal
var span = document.getElementsByClassName("close")[0];
// Quando l'utente preme sullo <span> (x), si chiude il Modal
span.onclick = function() {
modal.style.display = "none";
}

这里（更好）的所有代码（js + html + css）显示了模态运行但无法关闭。 https://jsfiddle.net/emanuele_tinari/gkL5sh3x/通过js构建的模式运行得很好，但是不幸的是，关闭按钮似乎没有。 谢谢。

Answer 1

您的代码试图找到close范围，以便在页面加载时立即附加侦听器。 您尚未创建模态，因此它失败了。

如果您剪切问题中的代码块并将其立即粘贴到创建模态的函数的末尾，则关闭按钮将起作用。

Answer 2

这将完成工作：

  document.onclick = function(event) {
    var el = event.target;
    if (el.className == "close") {
    // Riferimento al Modal
    var modal = document.getElementById('modalversetti');

        modal.style.display = "none";
    }
};

但是您的代码有更多问题...