前端的JS腳本的運行,大多離不開DIV元素,比如在網頁的某個區域顯示一些內容或改變一些DIV元素的背景顏色等等,但如果在操作DIV時,不確定指定的DIV元素是否存在怎麼辦?那麼飛鳥慕魚博客的小編就給大家說一說,在js中如何判斷一個div元素是否存在。
jquery 判斷DIV元素是否存在
示例代碼:
if($('#div').length > 0){
// 元素存在的代碼
}
注意:
1、使用 jq 代碼來判斷元素是否存在時,必需要加上長度。
2、jq 操作的元素即使不存在也不會報錯
原生js判斷元素是否存在
在原生的js的getElementById()和getElementsByTagName()方法來操作元素時,如果被操作的元素不存在,則瀏覽器會拋出錯誤,並終止代碼的運行,所以為了避免這種情況的方法,在無法確定要操作的元素是否存在時,可以利用下面的代碼來進行判斷元素是否存在。
js代碼
if (document.getElementById("tt")){
//元素存在的操作代碼
}
閱讀更多 飛鳥慕魚 的文章