如何判断一个js对象是否一个DOM对象

时间 2019-11-08 标签如何判断一个 js 对象是否一个 dom 对象

咱们在写js代码时有时须要判断某个对象是否是DOM对象，而后再进行后续的操做，这里我给出一种兼容各大浏览器，同时又算是比较稳妥的一种方法。javascript

要判断一个对象是否DOM对象，首先想到的无非就是它是否具备DOM对象的各类属性或特征，好比是否有nodeType属性，有tagName属性，等等。判断的特征越多，也就越可靠，由于毕竟咱们自定义的js对象也能够有那些属性。还有其余方法吗?html

在DOM Level2标准中定义了一个HTMLElement对象，它规定全部的DOM对象都是HTMLElement的实例，因此咱们能够利用这点来判断一个对象是否是DOM对象:若是该对象是HTMLElement的实例，则它确定是一个DOM对象。在不支持HTMLElement的浏览器中咱们则仍是使用特征检测法。java

<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>