时间戳

首页 > 解决方案 > 使用链接触发模态窗口

javascript - 使用链接触发模态窗口

问题描述

我有一个表，每行都有一个删除选项，这是一个重定向到删除函数的链接。我正在尝试添加一个带有两个按钮的模式 - 取消和删除 - 当我单击表中的删除链接时会触发它。我用下面的代码打开了modal，但是控制台日志显示这个错误发生了- Uncaught TypeError: modalBtn is null。这是为什么？我刚开始学习 javascript，任何帮助将不胜感激。

这是打开模式的链接的html代码：

<a id="open-modal" class="edit-delete" href="">Delete</a>

这是我用来获取它的javascript代码：

var modalBtn = document.getElementById('open-modal');

标签： javascripthtml

解决方案

一定有其他事情发生。您可以测试以下代码，但如果没有更多信息，我将无法告诉您您的代码有什么问题。

var modalBtn = document.getElementById('open-modal');
console.log(modalBtn)

function openModal(){
   confirm("delete?");
}
<a id="open-modal" onClick="openModal()" class="edit-delete" href="">Delete</a>

推荐阅读