如何判斷一個js對象是否一個DOM對象

我們在寫js代碼時有時需要判斷某個對象是不是DOM對象，然后再進行后續的操作，這里我給出一種兼容各大瀏覽器，同時又算是比較穩妥的一種方法。

要判斷一個對象是否DOM對象，首先想到的無非就是它是否具有DOM對象的各種屬性或特征，比如是否有nodeType屬性，有tagName屬性，等等。判斷的特征越多，也就越可靠，因為畢竟我們自定義的js對象也可以有那些屬性。還有其他方法嗎?

在DOM Level2標准中定義了一個HTMLElement對象，它規定所有的DOM對象都是HTMLElement的實例，所以我們可以利用這點來判斷一個對象是不是DOM對象:如果該對象是HTMLElement的實例，則它肯定是一個DOM對象。在不支持HTMLElement的瀏覽器中我們則還是使用特征檢測法。

 

 

<script type="text/javascript">
    //首先要對HTMLElement進行類型檢查，因為即使在支持HTMLElement
    //的瀏覽器中，類型卻是有差別的，在Chrome,Opera中HTMLElement的
    //類型為function，此時就不能用它來判斷了
    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>