iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 16
0
自我挑戰組

CSS、JS-30天研究筆記系列 第 17

【day17】Query選取器的容錯功能:

因為動態生成DOM的行為,有時會選取到缺失不存在的元素,jQuery對於選擇到缺失不存在元素,並不報錯,但JavaScript會報錯。JavaScript可以用if先判斷是否存在這個物件,如果存在才執行後面的程式,避免報錯。

<script>
    if (document
        t.getElementById('xxx')){ 
        document.getElementById('xxx').style.color = 'red'; 
    };
</script>

如果想使用jQuery判斷是元素否存在,可使用「if ($('#pox').length > 0)」,判斷元素包含數量即可,或者通過陣列下標「if ($('#pox').get(0))」或「 if ($('#pox')[0])」看能不能獲取也行。


上一篇
【day16】jQuery過濾器(即"過濾選取器")
下一篇
【day18】BOM
系列文
CSS、JS-30天研究筆記31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言