判断元素阶段类型

兼容IE

1.判断元素节点

<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"))); //true
        console.log(isElement(document.getElementById("test").nextSibling));//false
        console.log(isElement(a));//false
    </script>
</body>

2.判断XML文档类型

<body>
    <script>
        var isXML = function(doc) {
            return doc.createElement("p").nodeName !== doc.createElement("P").nodeName;
        }
        console.log(isXML(document))  //false
    </script>
</body>

3.判断HTML文档类型

<body>
    <script>
        var isHTML = function(doc) {
            return doc.createElement("p").nodeName == doc.createElement("P").nodeName;
        }
        console.log(isHTML(document))  //true
    </script>
</body>

4.判断两种关系的元素节点

<body>
    <div id="p-node">
        <div id="c-node">子节点内容</div>
    </div>
    <script>
        function fixContains(a, b) {
            try {
                while ((b = b.parentNode)){
                    if (b === a){
                        return true;
                    }
                }
                return false;
            } catch (e) {
                return false;
            }
        }
        var pNode = document.getElementById("p-node");
        var cNode = document.getElementById("c-node").childNodes[0];
        alert(fixContains(pNode, cNode)); //true        
        //alert(fixContains(document, cNode)); //true
    </script>
</body>

 

posted @ 2017-03-07 15:41  yulingjia  阅读(228)  评论(0)    收藏  举报