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

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

jquery 判斷DIV元素是否存在

示例代碼:

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

注意:

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

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

国产视频app3、如果使用以下的判斷方法,則此判斷會一直循環下去

錯誤判斷代碼示例

<script>
    //此判斷是錯誤的,邏輯會一直循環
    if ($('#div')){
        //元素存在的操作代碼
    }
</script>

原生js判斷元素是否存在

国产视频app在原生 javascript 的 getElementById() 和 getElementsByTagName() 方法來操作指定的元素時,如果被操作的元素不存在,則瀏覽器會拋出錯誤,并終止代碼的運行,更新影響其后的代碼運行。

国产视频app為了避免上述情況的發生,所以在無法確定要操作的元素是否存在時,可以利用下面的判斷代碼來先判斷元素是否存在,如果判斷元素存在時,再寫入操作的流程代碼。

js代碼

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