DOM编程之API学习总结篇

原文 链接

# 一、基本类型介绍

# 1.1 Node类型

• DOM1级定义了一个Node接口，该接口由DOM中所有节点类型实现。这个Node接口在JS中是作为Node类型实现的。在IE9以下版本无法访问到这个类型，JS中所有节点都继承自Node类型，都共享着相同的基本属性和方法
• Node有一个属性nodeType表示Node的类型，它是一个整数，其数值分别表示相应的Node类型

• 假设我们要判断一个Node是不是元素，我们可以这样判断

if(someNode.nodeType == 1){
console.log("Node is a element");
}

• 这些Node类型中，我们最常用的就是element，text，attribute，comment，document，document_fragment这几种类型

# 1.2 Element类型

• Element提供了对元素标签名，子节点和特性的访问，我们常用HTML元素比如div，span，a等标签就是element中的一种。

• Element有下面几条特性：

  • nodeType为1
  • nodeName为元素标签名，tagName也是返回标签名
  • nodeValue为null
  • parentNode可能是Document或Element
  • 子节点可能是 Element，Text，Comment，Processing_Instruction，CDATASection 或 EntityReference

# 1.3 Text类型

• Text表示文本节点，它包含的是纯文本内容，不能包含html代码，但可以包含转义后的html代码。Text有下面的特性：
  • nodeType为3
  • nodeName为#text
  • nodeValue为文本内容
  • parentNode是一个Element
  • 没有子节点

# 1.4 Attr类型

• Attr类型表示元素的特性，相当于元素的attributes属性中的节点，它有下面的特性：
  • nodeType值为2
  • nodeName是特性的名称
  • nodeValue是特性的值
  • parentNode为null

# 1.5 Comment类型

• Comment表示HTML文档中的注释，它有下面的几种特征：
  • nodeType为8
  • nodeName为#comment
  • nodeValue为注释的内容
  • parentNode可能是Document或Element
  • 没有子节点

# 1.6 Document