DOM-文档对象模型

标签：

         文档对象模型DOM（Document Object Model）：是针对HTML和XML文档的一个API，现在已经成为表现和操作页面标记的真正的跨平台、语言中立的一种标准。

1. DOM的组成

2. DOM级别

3. DOM树

    DOM将HTML和XML文档映射成一个由不同节点组成的树型机构。俗称DOM树。

    每种节点都对应于文档中的信息或标记，节点有自己的属性和方法，并和其他节点存在某种关系，节点之间的关系构成了节点层次，例如：

4. 节点

       对文档DOM的操作最后都会落脚于对元素节点的操作，主要需要熟知元素节点的属性和方法。

4.1 节点主要属性

节点主要方法有：

4.3 常用节点类型

   4.3.1  Document类型节点  

            Document类型表示整个文档，document对象则是HTMLDocument（继承自Document类型）的一个实例，表示整个HTML页面。

            同时，docuemnt对象也是window对象的一个属性，可以作为全局对象来访问。

   document对象的主要属性为与页面相关的信息：

document对象主要方法：

document创建方法实现动态加载js或css文件：

function loadScript(url){                                                  //动态加载外部js文件（需要传入url)，也可以加载js代码，
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.src = url;
    document.body.appendChild(script);
}

function loadStyle(url){                                                  //动态加载外部css文件，或加载css代码
    var link = document.createElement("link");
    link.rel = "stylesheet";
    link.type = "text/css";
    link.href = url;
    var head = document.getElementsByTagName("head")[0];
    head.appendChild(link);
}

   4.3.1  Element类型节点（最常用）

       Element类型用于表现XML或HTML元素，提供了对元素标签名、子节点以及特性的访问。

       在HTML中，元素由HTMLElement类型（或其子类型）表示，HTMLElement继承了Element类型，并添加了对应每个HTML元素都存在的标准特性的属性。

       HTMLElement元素类型常用属性

      元素节点主要方法：操作节点属性及节点本身

4.4 操作表格

      children等方式不适合表格内部元素的获取，可通过针对表格属性获取：

如下图：如何获取目标a:  ]obj.tBodies[0].rows[2].cells[1]  ,注意下标都从0开始。

最后：元素的DOM操作很多地方都存在兼容性，获取方式也不够灵活，熟知基础之上，利用JQuery更利于实际开发，随着实际工作联系，后面再总结JQ

DOM-文档对象模型

标签：

原文地址：http://www.cnblogs.com/Peng2014/p/4725589.html