在JavaScript中，如何检查html元素是否存在？

我想检查页面中是否存在html元素

var e = document.getElementById("test-node");
if(e == null)
{
 // do something
}

---

但是上面的代码不起作用。如何检查此元素是否存在？如果您有任何建议，我们将不胜感激。

如果您有任何问题，可以直接在内部检查

试试这个代码

if(document.getElementById("test-node"))
{
  // exists
}
else
{
//doesnot exists
}

---

fiddler:

使用Node.contains DOM API，您可以非常轻松地检查页面中当前DOM中是否存在任何元素：

document.contains(someReferenceToADomElement);

这将有助于：

if (document.getElementById("test-node")) {

   // exists

}

试试这个

var e = document.getElementById("test-node");
if(e)
{
  // do something
}

试试这个

if (the_object.hasOwnProperty("ElementName"))  
  {  
   //some action

  }

HTML

---

它返回null，不是未定义的。不工作？看这个小提琴手。正在工作：@Su123。没问题。谢谢你的+1。不客气。快乐编码：-它应该工作。你能用小提琴来演示这个问题吗？你可以用jQuery做得很简单，这个库是你项目中的一个选项吗？用整个jQuery来做这个测试？LMAO@Barmar：此元素是一个下拉框。它有几个选项可供选择。只有现有用户才能看到下拉框。对于新用户，他们看不到它。当用户登录时，我想根据选择的此选项进行一些设置。对于新用户，我还需要做一些设置。为了识别新用户，我正在使用此下拉框的存在。您如何防止新用户看到它？如果你只是用CSS隐藏它，元素仍然存在。同样的问题。如果元素不存在，它应该转到其他部分，对吗？但这对我来说并不是两件坏事。费兹·弗拉斯塔的解决方案也应该奏效

<div id="test"></div>

var e = document.getElementById('test');
if(e){
    alert("we have the test div");
} else {
    alert("we don't have the test div");
}

var e2 = document.getElementById('test2');
if(e2){
    alert("we have the test2 div");
} else {
    alert("we don't have the test2 div");
}