HTML DOM 节点信息
HTML DOM的三个属性:nodeName,nodeValue和nodeType属性包含了关于节点nodes的信息。
节点属性node property
我们要时刻记住的是,在HTML DOM中,每一个节点node都是一个对象object。
任何对象(包括节点)都有它的方法和属性,这些对象的方法和属性都可以通过JavaScript(js)来访问和操作控制。
- 这里有3个重要的节点属性node property分别是:
- nodeName
- nodeValue
- nodeType
nodeName属性
我们一看nodeName属性的拼写就知道,nodeName属性指定了一个节点node的名称Name。关于nodeName属性有以下几点说明:
- nodeName属相是只读的。
- HTML元素节点(element node)的nodeName属性值和该HTML元素的标签名(tag name)一样。
- 属性节点(attribute node)的nodeName和属性名一样。
- 文本节点(text node)的nodeName通常是#text这种形式。
- 文档节点(document node)的nodeName通常是 #document。
注意:nodeName属性一般总是包含了一个HTML元素的大写标签名。
nodeValue属性
nodeValue属性指定了一个节点的值
- 元素节点(element node)的nodeValue未定义
- 文本节点(text node)的nodeValue就是该文本本身。
- 属性节点(attribute node)的nodeValue为该属性的属性值
获取一个元素的值
下面的实例取回<p id="intro"> 标签的文本节点值:
nodeType属性
nodeType返回节点的属性,nodeType也是只读的HTML DOM属性。
比较重要的节点类型包括以下几种:
| 元素类型element type | nodeType |
|---|---|
| Element元素节点 | 1 |
| Attribute属性节点 | 2 |
| Text文本节点 | 3 |
| Comment注释节点 | 8 |
| Document文档节点 | 9 |