js判断页面元素是否存在

在JavaScript的中，如果某个页面元素不存在，访问其属性或调用其方法时将会出现js错误。这在IE浏览器中往往会弹出一个js错误提示框，影响用户体验。所以比较好的做法是，在访问页面元素的属性或方法之前，先判断此页面元素是否存在。

function f(elementId) {
    var o = document.getElementById(elementId);
    if(o) {
        // 相关操作
    }
}

上面代码先通过document.getElementById()去获取指定的页面元素，然后通过if(o)判断页面元素是否存在，如果存在则进行相关操作。

 

注：对于jQuery来说，可以不关注要操作的页面元素是否存在，即使不存在也不会有js错误。

      jQuery的$('#element_id')返回的是jQuery对象，即使element_id表示的页面元素不存在，仍然会有一个jQuery对象返回。只不过如果元素不存在，接下来如果要用元素相关的方法时，则会出现错误。

转载于:https://www.cnblogs.com/josephchan/archive/2012/12/27/js_ElementExistence.html