HTML DOM 教程

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

HTML DOM 访问节点 HTML DOM 访问节点  HTML DOM 应用HTML DOM 应用 HTML DOM 应用