使用传统javascript方法，如下：
| 代码如下 | 复制代码 |
|
if(document.getElementById('div')) { } else { } |
|
使用jQuery则比较简单，只需判断此元素的长度是否为0，如果为0则此元素不存在，
jquery选择器获取element 无论element是否存在都将返回一个对象
| 代码如下 | 复制代码 |
|
var my_element=$(“#myId”); |
|
这里无论元素”myid”是否存在，my_element始终是一个object
使用下面的方法判断”myid”元素是否存在
代码如下：
| 代码如下 | 复制代码 |
|
if ($("#div").length > 0){ // 找到对应id=div的元素，然后执行此块代码 } |
|
甚至能找到组合元素，如下，我们找一个id定义为div的元素里面是否包含img，代码如下：
| 代码如下 | 复制代码 |
|
if ($("#div img").length > 0){ // 找到对应id=div并且包含img的元素，然后执行此块代码 } |
|
例子
| 代码如下 | 复制代码 |
|
<div id="divBody"> <div id="divTest"><div> </div> |
|
上边是简单的html代码。
| 代码如下 | 复制代码 |
|
jQuery(document).ready(function() { if (jQuery("#divTest").length > 0) { jQuery("<img src='http://www.111cn.net' />").appendTo("#divTest"); } else { if (jQuery("#divBody").length) { jQuery("#divBody").append("<img src='http://www.111cn.net' />"); } } }); |
|
上边的代码展示了如何判断对象是否存在。程序的思路是：如果存在divTest这个div对象，则将google的logo图片置于ID为divTest的div中，否则将图片置于divBody中。在本例中，由于存在对象divTest，所以程序的最终结果将图片置于divTest中
附一些其它方法
第二种方法：
| 代码如下 | 复制代码 |
|
$(“#myId”).html(“abc”); |
|
如果myid不存在上面的代码也不会出错，只是不进行任何操作；
| 代码如下 | 复制代码 |
|
var data=$(“#myId”).html(); |
|
如果myid不存在,data为null值
| 代码如下 | 复制代码 |
|
var data=$(“#myId”).val(); |
|
如果myid不存在,data为undefined
时间： 2024-08-03 15:01:39