如何在vanilla JavaScript中打开特定ID的模态

Question

在Bootstrap中，要打开弹出窗口，可以使用jQuery执行此操作：

$('#edit_modal').modal();

您为此ID调用modal函数。什么是vanilla JavaScript中的等价物？我试过了：

document.getElementById("edit_modal").modal();

我得到了：

  

document.getElementById（...）。modal不是函数

我错过了什么？如何为特定ID调用函数？

感谢。

Answer 1

正如其他人在评论中指出的那样，.modal()是一种特定于Bootstrap / jQuery的方法，这就是为什么你不能通过“常规”JavaScript调用它。

但是，对于标准DOM方法，您的语法会起作用。例如，

document.getElementById("edit_modal").focus();

或

document.getElementById("edit_modal").blur();

这两种方法都适用于vanilla JavaScript。

Answer 2

您可以使用多种方法，尝试：

document.getElementById('elem_id')
document.getElementById('elem_id')[0]
document.querySelector('#elem_id')
document.querySelectorAll('#elem_id')[0]

希望这有帮助。