Javascript DOM基础

DOM是针对XML的基于树的API，它与语言无关，实现方式有很多种（各语言基本都有自己的实现）。
不过我们经常用的，是JavaScript 下的dom针对xhtml的操作，只是dom的一个分支应用。
名词解释：
Dom：文档对象模型。Document object model
Bom：浏览器对象模型，也可以叫窗口对象模型。（window object model.）
API：应用编程接口。DOM其实可以看作一种API。
Node：节点。节点分为：元素节点，属性节点，文本节点。元素节点包含属性节点和文本节点。
DOM树结构：
Document - 最顶层节点，其他节点附属于它
DocumentType - DTD 引用节点
DocumentFragment - 可以像 Document 一样保存其他节点
Element - 表示起始标签和结束标签之间的内容
Attr - 表示属性名和 value
Text - 表示标签之间的文本，或者 CDATA section 包含的文本
CDataSection -  节点
Entity - Entity 定义节点，<!ENTITY foo "foo">
EntityReference - 实体引用节点
ProcessingInstruction - PI 节点
Comment - 注释节点
Notation - 表示 DTD 中定义的记号
节点常量值
ELEMENT_NODE---------------------------1
ATTRIBUTE_NODE-------------------------2
TEXT_NODE---------------------------------3
CDATA_SECTION_NODE------------------4
ENTITY_REFERENCE_NODE--------------5
ENTITY_NODE------------------------------6
PROCESSING_INSTRCTION_NODE-----7
COMMENT_NODE--------------------------8
DOCUMENT_NODE------------------------9
DOCUMENT_TYPE_NODE ---------------10
DOCUMENT_FRAGMENT_NODE---------11
NOTATION_NODE-------------------------12
演示代码：
<style type="text/css">
body{background-color:#EEEEEE; font-size:12px;line-height:22px;}
span{border:#333333 1px dashed; padding:2px;}
</style>
<script language="javascript" type="text/javascript">
function nodetype(){
var a=document.createElement("div");
var c=document.createElement("span");
var b=document.createTextNode("this is text");
c.appendChild(b); //文本添加到元素节点
a.appendChild(c);  //span节点添加到div节点
document.body.appendChild(a);
var newc=a.cloneNode(true);  //true：全部复制，包括子节点
document.body.appendChild(newc);
v