普通JS和JQuery判断网页中指定ID对象元素是否存在的方法

有时候我们需要用判断网页中是否存在某个DIV或者SPAN，使用普通JS的getElementById只要判断这个DIV或者SPAN的ID是否存在就行了。

1、普通JS用以下方法

if(document.getElementById("id"))

{

alert('对象存在');

}

 else

{

alert('对象不存在');

} 

"id"改你要判断的那个DIV或者SPAN的ID名称，如果原来DIV或者SPAN没有带ID,可以手工添加一个

比如这样

<span id="aa"></span>

<span id="cc"></span>

<script>

if(document.getElementById("aa"))

{

document.getElementById('aa').innerHTML = "<a href='http://freewww.bnxb.com/host/' title='' target='_blank'>广告位1</a> "; }

if(document.getElementById("bb"))

{

document.getElementById('bb').innerHTML = "<a href='http://freewww.bnxb.com/host/' title='' target='_blank'>广告位2</a> "; }

if(document.getElementById("cc"))

{

document.getElementById('cc').innerHTML = "<a href='http://freewww.bnxb.com/host/' title='' target='_blank'>广告位3</a> ";}

</script>

这个innerHTML如果在不进行判断的时候，会遇到网页中如果不存在BB的SPAN元素，就会执行到AA后就终止了，不会继续插入CC的元素了，因此要加入判断

2、jQuery判断指定id的对象是否存在

jQuery的特殊性在于其在获得对象的时候，无论对象是否存在，都会返回jQuery对象。因此普通的JS判断ID是否存在的方法在这里行不通。

jQuery判断指定id的对象是否存在，只需要判断对象的length是否大于0即可。

示例：

正确的判断写法如下：

if($("#object_id").length>0)

{

  alert('对象存在');

}

else

{

  alert('对象不存在');

}

#object_id改成自己的实际ID