js 判斷某個元素在頁面上是否存在的方法

前端的JS腳本的運行,大多離不開DIV元素,比如在網頁的某個區域顯示一些內容或改變一些DIV元素的背景顏色等等,但如果在操作DIV時,不確定指定的DIV元素是否存在怎麼辦?那麼飛鳥慕魚博客的小編就給大家說一說,在js中如何判斷一個div元素是否存在。

js 判斷某個元素在頁面上是否存在的方法

jquery 判斷DIV元素是否存在

示例代碼:

 if($('#div').length > 0){
// 元素存在的代碼
}

注意:

1、使用 jq 代碼來判斷元素是否存在時,必需要加上長度。

2、jq 操作的元素即使不存在也不會報錯

原生js判斷元素是否存在

在原生的js的getElementById()和getElementsByTagName()方法來操作元素時,如果被操作的元素不存在,則瀏覽器會拋出錯誤,並終止代碼的運行,所以為了避免這種情況的方法,在無法確定要操作的元素是否存在時,可以利用下面的代碼來進行判斷元素是否存在。

js代碼

 if (document.getElementById("tt")){
//元素存在的操作代碼
}


分享到:


相關文章: