元素Element与节点Node的区别联系

Posted 2020-08-05

1、 节点包括：元素节点、属性节点、文本节点等,所以元素Element只是节点Node的一个子项。

2、 元素包含属性、内容。

3、 元素一定是节点,但节点不一定是元素，它还可能是属性节点和文本节点等。

 

            var elementNode = document.getElementById(‘div1‘);  // 元素节点
            var attrNode = document.getElementById(‘div1‘).getAttributeNode(‘name‘);  // 属性节点
            var textNode = document.getElementsByTagName(‘div‘)[0].firstChild;  // 文本节点
            console.log(elementNode instanceof Node);   // true 
            console.log(elementNode instanceof Element);  // true 
            
            console.log(attrNode instanceof Node);  // true 
            console.log(attrNode instanceof Element);  // false 
            
            console.log(textNode instanceof Node);  // true 
            console.log(textNode instanceof Element);  // false