使用js脚本时,当我们对某个页面元素进行操作,需要先判断该元素是否存在,如果不存在这个元素,那么对其操作是无意义且错误的。
使用javascript操作dom对象:
var obj = document.getElementById("elementId");
if(obj){//因为js如果没有获取到dom对象,会提示null
obj.innerText("****");
}
而使用jQuery操作dom的话,if($("#elementId"))方法不行,因为jQuery对象都有返回值,所以$("elementId")总是true,if语句无判断作用,正确写法为:
if($("#elementId").length > 0){
$("elementId").text("****");
}
注意 :判断某个页面元素存在与否在jQuery中实际上是没有必要的,jQuery本身会忽略 对一个不存在的元素进行操作,并且不会报错。
$(document).ready(function(){
var value=$('#elementId').length;
if(value>0)
{
alert("exists");
}
else
{
alert("not extsts");
}
})