DOM-判斷元素節點類型

本文轉載自查看原文 2015-08-01 15:32 3348 DOM

http://stackoverflow.com/questions/384286/javascript-isdom-how-do-you-check-if-a-javascript-object-is-a-dom-object/27112297#27112297

判斷節點類型：

<body>
    <div id="test">aaa</div>
    <!--這是一個注釋節點-->
    <script>
        var isElement = function (el){
            return !!el && el.nodeType === 1;//注意這個return 和 !!el的判斷
        }
        var a = {
           nodeType: 1
        }
        console.log(isElement(document.getElementById("test")));
        console.log(isElement(document.getElementById("test").nextSibling));
        console.log(isElement(a));
    </script>
</body>

更嚴謹的判斷方法

<body>
    <div id="test">aaa</div>
    <!--這是一個注釋節點-->
    <script>
        var testDiv = document.createElement('div');
        var isElement = function (obj) {
            if (obj && obj.nodeType === 1) {//先過濾最簡單的
                if( window.Node && (obj instanceof Node )){ //如果是IE9,則判定其是否Node的實例
                    return true; //由於obj可能是來自另一個文檔對象，因此不能輕易返回false
                }
                try {//最后以這種效率非常差但肯定可行的方案進行判定
                    testDiv.appendChild(obj);
                    testDiv.removeChild(obj);
                } catch (e) {
                    return false;
                }
                return true;
            }
            return false;
        }
        var a = {
           nodeType: 1
        }
        console.log(isElement(document.getElementById("test")));
        console.log(isElement(document.getElementById("test").nextSibling));
        console.log(isElement(a));
    </script>
</body>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 DOM-添加元素、節點深入理解DOM節點類型第五篇——元素節點Element 獲取HTML DOM節點元素的方法的總結 HTML DOM-->獲取標簽(元素)節點 JavaScript HTML DOM 元素操作（節點）深入理解DOM節點類型第三篇——注釋節點和文檔類型節點 JavaScript--DOM創建元素節點createElement JavaScript DOM查詢（元素節點，父類子類兄弟類）練習 HTML DOM對象獲取各種類型的節點 JavaScript判斷對象類型及節點類型、節點名稱和節點值