我們在寫js代碼時(shí)有時(shí)需要判斷某個(gè)對象是不是DOM對象,然后再進(jìn)行后續(xù)的操作,這里我給出一種兼容各大瀏覽器,同時(shí)又算是比較穩(wěn)妥的一種方法。
要判斷一個(gè)對象是否DOM對象,首先想到的無非就是它是否具有DOM對象的各種屬性或特征,比如是否有nodeType屬性,有tagName屬性,等等。判斷的特征越多,也就越可靠,因?yàn)楫吘刮覀冏远x的js對象也可以有那些屬性。還有其他方法嗎?
在DOM Level2標(biāo)準(zhǔn)中定義了一個(gè)HTMLElement對象,它規(guī)定所有的DOM對象都是HTMLElement的實(shí)例,所以我們可以利用這點(diǎn)來判斷一個(gè)對象是不是DOM對象:如果該對象是HTMLElement的實(shí)例,則它肯定是一個(gè)DOM對象。在不支持HTMLElement的瀏覽器中我們則還是使用特征檢測法。
<script type="text/javascript"> //首先要對HTMLElement進(jìn)行類型檢查,因?yàn)榧词乖谥С諬TMLElement //的瀏覽器中,類型卻是有差別的,在Chrome,Opera中HTMLElement的 //類型為function,此時(shí)就不能用它來判斷了 var isDOM = ( typeof HTMLElement === 'object' ) ? function(obj){ return obj instanceof HTMLElement; } : function(obj){ return obj && typeof obj === 'object' && obj.nodeType === 1 && typeof obj.nodeName === 'string'; } </script>以上就是小編為大家?guī)淼娜绾闻袛喑鲆粋€(gè)js對象是否一個(gè)dom對象全部內(nèi)容了,希望大家多多支持武林網(wǎng)~
新聞熱點(diǎn)
疑難解答