05_DOM模型.pptVIP

Page * 05_DOM模型 DOM简介及HTML DOM 本章导学 学习DOM在JS中的用处是什么？ 内容提要 DOM简介 DOM的级别 DOM的核心 HTML DOM DOM简介（01） DOM（Document Object Model），文档对象模型，DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。换句话说，这是表示和处理一个HTML或XML文档的常用方法。 DOM的设计是以对象管理组织（OMG）的规约为基础的，因此可以用于任何编程语言。 DOM简介（02） DOM 是 W3C（万维网联盟） 的推荐标准。DOM 定义了访问诸如 XML 和 XHTML 文档的标准。 DOM是一个使程序和脚本有能力动态地访问和更新文档的内容、结构以及样式的平台和语言中立的接口。 DOM的主要内容由三部分组成：DOM核心、XML DOM、HTML DOM。 DOM简介 （03） DOM的级别 DOM的级别是描述DOM进化及组成细节的概念，目前DOM可以分为4个级别，我们要了解各个级别的基本内容： DOM 级别 0 DOM 级别 0 不是 W3C 规范。而仅仅是对在 Netscape Navigator 3.0 和 Microsoft Internet Explorer 3.0 中的等价功能性的一种定义。 DOM 级别 1 DOM 级别 1 专注于 HTML 和 XML 文档模型。它含有文档导航和处理功能。DOM 级别 1 于 1998 年 10 月 1 日成为 W3C 推荐标准。 DOM 级别 2 DOM 级别 2 对 DOM 级别 1 添加了样式表对象模型，并定义了操作附于文档之上的样式信息的功能性。DOM 级别 2 同时还定义了一个事件模型，并提供了对 XML 命名空间的支持。 DOM 级别 3 DOM Level 3 规定了内容模型 (DTD 和 Schemas) 和文档验证。同时规定了文档加载和保存、文档查看、文档格式化和关键事件。 每个更高级别都是基于之前的级别的。 DOM核心-简介 DOM核心是指用于任何结构化文档（XML、XHTML）的标准模型。 DOM核心中定义了用于操作结构化文档的各种方法、属性. DOM核心-节点 DOM认为：XML 文档中的每个成分都是一个节点。 整个文档是一个文档节点 每个 XML 标签是一个元素节点 包含在 XML 元素中的文本是文本节点 每一个 XML 属性是一个属性节点 注释属于注释节点 在 DOM 处理中一个普遍的错误： 认为元素节点包含文本，事实上元素节点的文本是存储在文本节点中的。 例如：year2005/year，元素节点 year，拥有一个值为 “2005” 的文本节点。其中2005 不是 year 元素的值！ DOM核心-节点树 XML DOM 把 XML DOM 文档视为一棵节点树 (node-tree)。树中的所有节点彼此之间都有关系。 可通过这棵树访问所有节点。可以修改或删除它们的内容，也可以创建新的元素。 节点树中的节点彼此之间都有等级关系。 父、子和同级节点用于描述这种关系。父节点拥有子节点，位于相同层级上的子节点称为同级节点（或兄弟节点）。 在节点树中，顶端的节点称为根节点 根节点之外的每个节点都有一个父节点 节点可以有任何数量的子节点 没有子节点的节点 称为叶子 同级节点是拥有相同父节点的节点 DOM核心-节点的属性和方法（01） 以下假设nodeObj是某个节点对象： 节点的属性： nodeObj.nodeName - nodeObj 的名称 nodeObj.nodeValue - nodeObj 的值 nodeObj.nodeType - nodeObj 的节点类型 nodeObj.parentNode - nodeObj 的父节点 nodeObj.childNodes - nodeObj 的子节点 nodeObj.attributes - nodeObj 的属性节点 节点的方法： nodeObj.getElementsByTagName(name) - 获取节点的后代中带有指定标签名称的所有元素 nodeObj.appendChild(node) - 向 nodeObj 插入子节点 nodeObj.removeChild(node) - 从 nodeObj 删除子节点 DOM核心-节点的属性和方法（02） nodeName属性： 元素节点的nodeName是标签名称 属性节点的nodeName是属性名称 文本节点的nodeName永远是#text 文档节点的nodeName永远是#document nodeValue属性： 对于文本节点，nodeValue属性包含文本。 对于属性节点，