标签:
在DOM中,每一个节点都是一个对象。DOM节点有3个重要的属性:
1、nodeName : 节点的名称
2、nodeValue : 节点的值
3、nodeType : 节点的类型
nodeName属性: 节点的名称
1、元素节点的nodeName与标签名相同
2、属性节点的nodeName是属性的名称
3、文本节点的nodeName是#text
4、文档节点的nodeName是#document
<div id="node" name="getNodeName">1111</div> <script> var node = document.getElementById("node"); document.write(node.nodeName+"<br />"); //DIV document.write(document.nodeName+"<br />");//#document document.write(node.firstChild.nodeName+"<br />");//#text
document.write(node.getAttributeNode("name")+"<br />");//[object Attr]
document.write(node.getAttributeNode("name").nodeName+"<br />");//name </script>
getAttributeNode():通过指定返回具有指定名称的属性节点的一个元素,作为一个Attr对象。
如果是返回属性节点的属性值getAttribute();
nodeValue属性:节点的值
1、元素节点的nodeValue是undefined或null
2、属性节点的nodeValue是属性的值
3、文本节点的nodeValue是文本自身
<div id="node" name="getNodeName">1111</div> <script> var node = document.getElementById("node"); document.write(node.nodeValue+"<br />");//null document.write(node.firstChild.nodeValue+"<br />");//1111 document.write(node.getAttributeNode("name").nodeValue+"<br />");//getNodeName </script>
nodeType属性:节点的类型
常用的几种节点类型
元素 1
属性 2
文本 3
文档 9
<div id="node" name="getNodeName">1111</div> <script> var node = document.getElementById("node"); document.write(node.nodeType+"<br />");//1 document.write(document.nodeType+"<br />");//9 document.write(node.firstChild.nodeType+"<br />");//3 document.write(node.getAttributeNode("name").nodeType+"<br />");//2 </script>
标签:
原文地址:http://www.cnblogs.com/wanbi/p/4179248.html