快捷搜索:   服务器  PHP  安全  IIS  linux 安全

普通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://freehost.bnxb.com/' title='' target='_blank'>广告位1</a> "; }

if(document.getElementById("bb"))

{

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

if(document.getElementById("cc"))

{

document.getElementById('cc').innerHTML = "<a href='http://freehost.bnxb.com/' 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


顶(0)
踩(0)

您可能还会对下面的文章感兴趣:

最新评论