第5章XML文档对象模型PPT课件
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
第5章 XML文档对象模型
理解文档对象模型的概念 熟悉文档对象模型的基本知识 掌握客户端加载XML的方法 掌握服务器端加载XML的方法 学会用DOM编制JavaScript程序
2020/8/17
1
第一部分
整体概述
THE FIRST PART OF THE OVERALL OVERVIEW, PLEASE SUMMARIZE THE CONTENT
1 DOM的基本概念
DOM(Document Object Model，文档对象模型)定义了访问诸如 XML 和 XHTML 文档的标准，是 W3C（万维网联盟） 推荐的标准。
DOM是一个使程序和脚本有能力动态地访问和更新文档的内容、结构
以及样式的与平台和语言中立的接口。它定义了所有文档元素的对象和 属性，以及访问它们的方法。
2020/8/17
6
3.1 XML DOM节点间的关系
父、子和同胞节点用于描述 节点间关系
在节点树中，顶端的节点成 为根节点
根节点之外的每个节点都有 一个父节点
节点可以有任何数量的子节 点
叶子是没有子节点的节点 同胞节点是拥有相同的父节
点
2020/8/17
7
4 XML DOM 解析
大多数浏览器都内建了供读取和操作 XML 的 XML 解析器。
</book>
<book category="COOKING"> <title lang="en">Everyday Italian</title> <author>Giada De Laurentiis</author> <year>2005</year> <price>30.00</price>
解析器把 XML 读入内存，并把它转换为可被脚本 语言访问的 XML DOM 对象。
所有的解析器都含有遍历 XML 树、访问、插入及 删除节点的函数。
2020/8/17
8
4.1 解析器加载 XML文档
在访问、处理 XML 文档之前，必须把它载入 XML DOM 对象。根据 浏览器的不同，加载的方法也稍有不同。
2020/8/17
4
<?xml version="1.0" encoding="ISO-8859-1"?> <bookstore>
<book category="CHILDREN"> <title lang="en">Harry Potter</title> <author>J K. Rowling</author> <year>2005</year> <price>29.99</price>
DOM由三部分组成： 核心DOM：用于任何结构化文档的标准模型 HTML DOM：用于HTML文档的标准模型 XML DOM：用于XML文档的标准模型
HTML DOM：定义了所有 HTML 元素的对象和属性，以及访问它们 的方法
XML DOM：定义了所有 XML 元素的对象和属性，以及访问它们的 方法。
2020/8/17
3
2 XML DOM 节点
在XML DOM中XML文档的每个成分都是一个节 点：
整个文档是一个文档节点 每个 XML 标签是一个元素节点 包含在 XML 元素中的文本是文本节点 每一个 XML 属性是一个属性节点 注释属于注释节点 特别注意：
元素节点不包含文本，元素节点的文本是存储在 文本节点中的。
2020/8/17
9
DomImplementation对象
该对象可执行与文档对象模型的任何与实例无关的操作。
可以通过Document 对象的 implementation
属性获得对 DomImplementation 对象的引用。
在F来自百度文库refox, Mozilla, Opera等浏览器中用该对象的
createDocument()方法创建一个新XML DOM对象。
//在IE(IE5及更高版本)中创建空的XML文档对象 var xmlDoc=new ActiveXObject("Microsoft.XMLDOM"); //关闭异步加载, 确保在文档完整加载之前, 解析器不会继续执行脚本 xmlDoc.async="false"; //加载名为 "books.xml" 的文档 xmlDoc.load("books.xml");
◆注意： 元素节点 <year>，拥有一个值为 “2005” 的文本节点。 "2005" 不是 <year> 元素的值！
</bookstore>
2020/8/17
5
3 XML DOM 节点树
XML DOM 把 XML 文档视为一棵节点树。 可通过这棵树访问所有节点，修改、删除、创建节点。 树中的所有节点彼此之间都有关系。
</book>
<book category="WEB"> <title lang="en">XQuery Kick Start</title> <author>James McGovern</author> <author>Per Bothner</author> <author>Kurt Cagle</author> <author>James Linn</author> <author>Vaidyanathan Nagarajan</author> <year>2003</year> <price>49.99</price>
//在Fireforx, Mozilla, Opera 中创建空的XML文档对象 var xmlDoc = document.implementation.createDocument ("","",null); //关闭异步加载, 确保在文档完整加载之前, 解析器不会继续执行脚本 xmlDoc.async="false"; //加载名为 "books.xml" 的文档 xmlDoc.load("books.xml");
</book>
◆根节点 <bookstore> 拥有四个 <book> 子节点。
◆第一个 <book> 节点拥有四个子节点： <title> <author> <year> <price>
◆上面每个节点都包含一个文本节点 "Harry Potter" "J K. Rowling" “2005” "29.99“
理解文档对象模型的概念 熟悉文档对象模型的基本知识 掌握客户端加载XML的方法 掌握服务器端加载XML的方法 学会用DOM编制JavaScript程序
2020/8/17
1
第一部分
整体概述
THE FIRST PART OF THE OVERALL OVERVIEW, PLEASE SUMMARIZE THE CONTENT
1 DOM的基本概念
DOM(Document Object Model，文档对象模型)定义了访问诸如 XML 和 XHTML 文档的标准，是 W3C（万维网联盟） 推荐的标准。
DOM是一个使程序和脚本有能力动态地访问和更新文档的内容、结构
以及样式的与平台和语言中立的接口。它定义了所有文档元素的对象和 属性，以及访问它们的方法。
2020/8/17
6
3.1 XML DOM节点间的关系
父、子和同胞节点用于描述 节点间关系
在节点树中，顶端的节点成 为根节点
根节点之外的每个节点都有 一个父节点
节点可以有任何数量的子节 点
叶子是没有子节点的节点 同胞节点是拥有相同的父节
点
2020/8/17
7
4 XML DOM 解析
大多数浏览器都内建了供读取和操作 XML 的 XML 解析器。
</book>
<book category="COOKING"> <title lang="en">Everyday Italian</title> <author>Giada De Laurentiis</author> <year>2005</year> <price>30.00</price>
解析器把 XML 读入内存，并把它转换为可被脚本 语言访问的 XML DOM 对象。
所有的解析器都含有遍历 XML 树、访问、插入及 删除节点的函数。
2020/8/17
8
4.1 解析器加载 XML文档
在访问、处理 XML 文档之前，必须把它载入 XML DOM 对象。根据 浏览器的不同，加载的方法也稍有不同。
2020/8/17
4
<?xml version="1.0" encoding="ISO-8859-1"?> <bookstore>
<book category="CHILDREN"> <title lang="en">Harry Potter</title> <author>J K. Rowling</author> <year>2005</year> <price>29.99</price>
DOM由三部分组成： 核心DOM：用于任何结构化文档的标准模型 HTML DOM：用于HTML文档的标准模型 XML DOM：用于XML文档的标准模型
HTML DOM：定义了所有 HTML 元素的对象和属性，以及访问它们 的方法
XML DOM：定义了所有 XML 元素的对象和属性，以及访问它们的 方法。
2020/8/17
3
2 XML DOM 节点
在XML DOM中XML文档的每个成分都是一个节 点：
整个文档是一个文档节点 每个 XML 标签是一个元素节点 包含在 XML 元素中的文本是文本节点 每一个 XML 属性是一个属性节点 注释属于注释节点 特别注意：
元素节点不包含文本，元素节点的文本是存储在 文本节点中的。
2020/8/17
9
DomImplementation对象
该对象可执行与文档对象模型的任何与实例无关的操作。
可以通过Document 对象的 implementation
属性获得对 DomImplementation 对象的引用。
在F来自百度文库refox, Mozilla, Opera等浏览器中用该对象的
createDocument()方法创建一个新XML DOM对象。
//在IE(IE5及更高版本)中创建空的XML文档对象 var xmlDoc=new ActiveXObject("Microsoft.XMLDOM"); //关闭异步加载, 确保在文档完整加载之前, 解析器不会继续执行脚本 xmlDoc.async="false"; //加载名为 "books.xml" 的文档 xmlDoc.load("books.xml");
◆注意： 元素节点 <year>，拥有一个值为 “2005” 的文本节点。 "2005" 不是 <year> 元素的值！
</bookstore>
2020/8/17
5
3 XML DOM 节点树
XML DOM 把 XML 文档视为一棵节点树。 可通过这棵树访问所有节点，修改、删除、创建节点。 树中的所有节点彼此之间都有关系。
</book>
<book category="WEB"> <title lang="en">XQuery Kick Start</title> <author>James McGovern</author> <author>Per Bothner</author> <author>Kurt Cagle</author> <author>James Linn</author> <author>Vaidyanathan Nagarajan</author> <year>2003</year> <price>49.99</price>
//在Fireforx, Mozilla, Opera 中创建空的XML文档对象 var xmlDoc = document.implementation.createDocument ("","",null); //关闭异步加载, 确保在文档完整加载之前, 解析器不会继续执行脚本 xmlDoc.async="false"; //加载名为 "books.xml" 的文档 xmlDoc.load("books.xml");
</book>
◆根节点 <bookstore> 拥有四个 <book> 子节点。
◆第一个 <book> 节点拥有四个子节点： <title> <author> <year> <price>
◆上面每个节点都包含一个文本节点 "Harry Potter" "J K. Rowling" “2005” "29.99“