Question

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

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

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

Answer 1

这将有效：

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

   // exists

}

Answer 2

你可以直接在里面查看条件。

试试这段代码

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

fiddler：http://jsfiddle.net/codingsolver/rPHTb/

Answer 3

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

document.contains(someReferenceToADomElement);

Answer 4

试试这个。

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

Answer 5

试试这个

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

  }

Answer 6

<强> HTML

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

<强> JS

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");
}

http://jsfiddle.net/7tgvb/1/

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

6 个答案: