DOM节点信息

nodeName、nodeValue和nodeType

同样，按照字面意思：nodeName表示节点名称，nodeValue表示节点值，nodeType则为节点类型。每个DOM节点都包含这些信息，我们可以很方便地通过JavaScript来访问这些属性。下面我们就来看一个使用这些属性的一个例子。

应用实例

HTML代码：

<div>
  <p id="test">test文字</p>
</div>

JavaScript代码

<script type="text/javascript">
function getName(){
	var x = document.getElementById("test");
	alert(x.nodeName);
}
function getValue(){
	var x = document.getElementById("test");
	alert(x.nodeValue);
}
function getType(){
	var x = document.getElementById("test");
	alert(x.nodeType);
}
</script>

实际效果：

从例子中可以发现：一个p标签的nodeName是P，尽管在XHMTL中我们把段落写作小些的p，该属性仍然为大写字母。它的nodeValue是null，而并不是它所包含的文本，这是因为文本本身也是一个节点，而文本节点的nodeValue才是文字。

最后，nodeType是“1”。它的意思是元素节点（我们知道，p是一个HTML元素）。其它重要的DOM节点类型：

• 2 —— 属性节点
• 3 —— 文本节点
• 8 —— 注释节点