dom node节点
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>node</title>
</head>
<body>
<!--nodeName,nodeValue实验 -->
<div id="container">这是一个元素节点</div>
<script>
var divNode=document.getElementById('container');
/* 判断Node Element 节点
if(divNode.nodeType==Node.ELEMENT_NODE){
alert('Node is an element');
}
if(divNode.nodeType==1){
alert('Node is an element');
}*/
//元素节点名字与值
console.log(divNode.nodeName+'/'+divNode.nodeValue); //元素节点名DIV 元素节点值null
//属性节点
var attrNode=divNode.attributes[0];
console.log(attrNode.nodeName+'/'+attrNode.nodeValue); //属性节点名 ID 属性节点值container
//文本节点
var textNode=divNode.childNodes[0];
console.log(textNode.nodeName+'/'+textNode.nodeValue); //文本节点名#text 文本节点值【这是一个元素节点】
//注释节点
var commentNode=document.body.childNodes[1]; //[0]为<body>与注释之间的空白
console.log(commentNode.nodeName+'/'+commentNode.nodeValue);//名：#comment/ 值：nodeName,nodeValue实验
//DOCTYPE节点
console.log(document.doctype.nodeName+'/'+document.doctype.nodeValue);//名：html/ 值：null
//文档片段节点
var frag=document.createDocumentFragment();
console.log(frag.nodeName+'/'+frag.nodeValue);//名：#document-fragment/ 值：null
</script>
</body>
</html>
