首页 > 代码库 > 元素Element与节点Node的区别、联系

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

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 

 

 

 

 

 

 



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