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對象返回。只不過如果元素不存在，接下來如果要用元素相關的方法時，則會出現錯誤。