Question

目标是当有人点击按钮元素时触发closeModal（）函数并将display css属性更改为“none”。但我不断收到onclick中设置的函数未定义的错误。 javascript位于文件中的html之上。

代码如下。

的Javascript

function closeModal() {
    var modal = document.getElementById('modal');
    $( modal ).css('display', 'none');
  }

HTML

<div id="modal" style="display:block;">
    <button onclick="closeModal();" id="begin">Let's get started!</button>
</div>

Answer 1

在不使用JQuery的情况下尝试更好更清洁的代码

HTML：

<div id="modal" style="display:block;">
     <button id="begin">Let's get started!</button>
</div>

JavaScript的：

window.onload = function(){
    var btn = document.getElementById("begin");
    var modal = document.getElementById("modal");
    btn.onclick = function () {
         modal.style.display = "none";
    }
}

无论在哪里编写脚本祝你好运

使用html onclick javascript错误'函数未定义'

1 个答案: