XML DOM 解析器

简介: **XML DOM解析器将XML转换为JavaScript对象,允许在浏览器中操作XML。浏览器通常内置XML解析器,如XMLHttpRequest用于加载XML文档。以下代码示例展示如何加载"books.xml":**```markdown- 创建XMLHttpRequest对象(或使用ActiveXObject for IE6/IE5)- 打开GET请求到"books.xml"- 发送请求- xmlDoc变量存储响应的XML DOM```此过程使开发者能够通过JavaScript遍历、修改XML文档的结构。

XML DOM 解析器

大多数浏览器都内建了供读取和操作 XML 的 XML 解析器。

解析器把 XML 转换为 JavaScript 可存取的对象(XML DOM)。
XML 解析器

XML DOM 包含了遍历 XML 树,访问、插入及删除节点的方法(函数)。

然而,在访问和操作 XML 文档之前,它必须加载到 XML DOM 对象。

XML 解析器读取 XML,并把它转换为 XML DOM 对象,这样才可以使用 JavaScript 访问它。

大多数浏览器有一个内建的 XML 解析器。
加载 XML 文档

下面的 JavaScript 片段加载一个 XML 文档("books.xml"):
实例
if (window.XMLHttpRequest)
{
// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
xhttp=new XMLHttpRequest();
}
else
{
// IE6, IE5 浏览器执行代码
xhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xhttp.open("GET","books.xml",false);
xhttp.send();
xmlDoc=xhttp.responseXML;

尝试一下 »

代码解释:

创建一个 XMLHTTP 对象
打开 XMLHTTP 对象
发送一个 XML HTTP 请求到服务器
设置响应为 XML DOM 对象

相关文章
|
2天前
|
XML JavaScript 数据格式
XML DOM 浏览器差异
现代浏览器均支持W3C DOM,但存在差异,如处理XML中节点间的空白和换行。IE不将这些视为文本节点,而其他浏览器则会。示例显示,一个包含CR/LF和空格的XML文件在IE中解析有4个子节点,而在其他浏览器中有9个。`loadXMLDoc()`加载XML后,`documentElement.childNodes.length`的值因浏览器而异。
|
2天前
|
XML 存储 JavaScript
XML DOM - 访问节点
`getElementsByTagName()` 方法用于访问 XML 文档中的特定节点。该方法返回一个节点列表,相当于节点数组,可用来遍历和导航节点树。例如,加载 "books.xml" 到 xmlDoc 后,`x = xmlDoc.getElementsByTagName("book")` 将获取所有 `<book>` 节点。
|
4天前
|
XML 存储 JavaScript
XML DOM - 访问节点
`getElementsByTagName()` 方法用于获取 XML 文档中指定标签名的所有节点,返回一个节点列表,可遍历处理。通过节点关系及循环,能灵活访问和导航XML文档的整个节点树。例如,`xmlDoc.getElementsByTagName("book")` 返回一个包含所有 `<book>` 节点的数组。
|
4天前
|
XML JavaScript 数据格式
XML DOM 浏览器差异
现代浏览器虽支持W3C DOM,但在处理XML空白和换行时存在差异。IE不将这些视为文本节点,而其他浏览器则会。例如,XML文件中的CR/LF和空格可能导致IE识别4个子节点,而其他浏览器识别9个。`document.write`显示不同浏览器的`childNodes.length`值体现这一差异。
|
5天前
|
XML Web App开发 JavaScript
XML DOM 解析器
**XML DOM解析器将XML转换为JavaScript对象,允许遍历、访问和修改文档。浏览器内置XML解析器,如XMLHttpRequest用于加载XML文档。
|
2月前
|
缓存 JavaScript 前端开发
【JavaScript 技术专栏】DOM 操作全攻略:从基础到进阶
【4月更文挑战第30天】本文深入讲解JavaScript与DOM交互,涵盖DOM基础、获取/修改元素、创建/删除元素、事件处理结合及性能优化。通过学习,开发者能掌握动态改变网页内容、结构和样式的技能,实现更丰富的交互体验。文中还讨论了DOM操作在实际案例、与其他前端技术结合的应用,助你提升前端开发能力。
|
25天前
|
JavaScript 前端开发 UED
JavaScript基础-DOM操作:查找、创建、修改
【6月更文挑战第12天】本文介绍了DOM基础,包括查找元素(getElementById、getElementsByClassName等)、创建新节点(createElement、createTextNode)和修改节点(innerText、innerHTML、setAttribute等)。强调了易错点,如ID唯一性、性能考量和安全问题,并提供了代码示例。熟练掌握DOM操作对前端开发至关重要,但应注意性能优化,适时使用框架或库。
JavaScript基础-DOM操作:查找、创建、修改
|
25天前
|
JavaScript 前端开发 安全
【JavaScript 】DOM操作快速入门
【JavaScript 】DOM操作快速入门
17 2
|
6天前
|
JavaScript 前端开发
JavaScript 遍历DOM
JavaScript 遍历DOM
5 0
|
9天前
|
前端开发 JavaScript 程序员
探索JavaScript宝库:打开基础知识与实用技能之门(数据类型与变量+ 条件与循环+函数与模块+DOM+异常+ES6)
探索JavaScript宝库:打开基础知识与实用技能之门(数据类型与变量+ 条件与循环+函数与模块+DOM+异常+ES6)
8 0