AJAX基础学习1

1、DOM：是Document Object　Ｍｏｄｅｌ文档对象模型的缩写。根据Ｗ３ＣＤＯＭ规范，ＤＯＭ是一种与浏览器，平台，语言无关的接口，使得你可以访问页面其他的标准组建

　　Ｄ：文档　－　ｈｔｍｌ文档或ＸＭＬ文档

　　Ｏ：对象　－　ｄｏｃｕｍｅｎｔ对象的属性和方法

　　Ｍ：模型

　　ＤＯＭ是针对ｘｍｌ（ｈｔｍｌ）的基于树的ＡＰＩ

　　ＤＯＭ树：节点（ｎｏｄｅ）的层次

　　ＤＯＭ把一个文档表示为一颗家谱树（父，子，兄弟）

　　ＤＯＭ定义了Ｎｏｄｅ的接口以及多种节点类型来表示ＸＭＬ节点的多方面

２、节点

　　整个文档就是一个文档节点

　　每一个ＨＴＭＬ标签都是一个元素节点

　　标签中的文字则是文本节点

　　标签的属性是属性节点

　　一切皆是节点

3、DOM属性 -- nodeName

      文档里的每一个节点都有以下属性。

      ①nodeName：一个字符串，其内容是给定节点的名字。

              var name = node.nodeName;

           如果节点是元素节点，nodeName返回这个元素的名称；

           如果是属性节点，nodeName返回这个属性的名称；

           如果是文本节点，nodeName返回一个内容为#test的字符串

      ②nodeName是一个只读属性。

4、DOM属性 -- nodeType

      nodeType：返回一个整数，这个数值代表着给定节点的类型。

      ①nodeType属性返回的整数值对应着12种节点类型，常用的有三种：

          -Node.ELEMENT_NODE       ---1        ---元素节点

          -Node.ATTRIBUTE_NODE    ---2        ---属性节点

          -Node.Text_NODE                 ---3        ---文本节点

      ②nodeType是个只读属性

5、替换节点（replaceChild()）

      把一个给定父节元素里的一个子节点替换为另一个子节点

          var reference = element.replaceChild(newChild,oldChild);

      返回值是一个指向已被替换的那个子节点的引用指针

      如果被插入的子节点还有子节点，则那些子节点也被插入到目标节点中