如何检查元素是否存在？

Question

我需要检查元素（#idname）是否存在，然后在关闭当前标签（或浏览器）之前向用户发出消息。

这是我的条件：

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

上面的代码也可以，但我的问题是首先在HTML中不存在元素（#idname），我会在页面加载后将其附加到我的HTML中。现在这个条件已经不再适用了。有没有解决方案？

Answer 1

只是检查一下你是否可以选择它：

$("#idname").length > 0

或

document.getElementById("idname") === null

您必须在功能中执行请求！ （见Vohuman的回答）

Answer 2

您只需检查onbeforeunload处理程序中元素是否存在：

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