javascript - 如何检查元素是否存在？

Question

我需要检查元素 (#idname) 是否存在，然后在关闭当前选项卡(或浏览器)之前提醒用户一条消息。

这是我的条件:

if (document.contains(document.getElementById("#idname"))) {
    window.onbeforeunload = function(evt) {
      // some code here
}

上面的代码也能正常工作，但我的问题是元素 (#idname) 首先不存在于 HTML 中，我将在页面加载后将其附加到我的 HTML 中。现在这种情况不再起作用了。有什么解决办法吗？

Answer 1

您可以简单地在您的onbeforeunload 处理程序中检查该元素是否存在:

window.onbeforeunload = function(evt) {
   if ( document.getElementById("idname") ) {
      // ...
   }
}