XML DOM 浏览器差异

简介: 不同浏览器在解析XML DOM时存在差异,尤其是对待空白和换行的方式。W3C DOM规范被现代浏览器广泛支持,但例如,Internet Explorer不将空白或换行视为文本节点,而其他浏览器则会。在处理如记事本编辑的XML文件时,这些差异可能导致计数子节点时的结果不一致。一个示例显示,对于包含空格和换行的XML,IE会报告4个子节点,而其他浏览器可能报告9个。

XML DOM 浏览器差异

DOM 解析中的浏览器差异

所有现代的浏览器都支持 W3C DOM 规范。

然而,浏览器之间是有差异的。一个重要的差异是:

处理空白和换行的方式

DOM - 空白和换行

XML 经常在节点之间包含换行或空白字符。这是在使用简单的编辑器(比如记事本)编辑文档时经常出现的情况。

下面的例子(由记事本编辑)在每行之间包含 CR/LF(换行),在每个子节点之前包含两个空格:

Giada De Laurentiis
2005
30.00

Internet Explorer 将不会把空的空白或换行作为文本节点,而其他浏览器会。

下面的代码片段显示(books.xml 的)根元素拥有多少个子节点:
实例
xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.documentElement.childNodes;
document.write("Number of child nodes: " + x.length);

尝试一下 »

实例解释:

使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中
获取根元素的子节点
输出子节点的数量。结果取决于您所使用的浏览器。IE 浏览器会输出 4(提醒 4 个子节点),而其他浏览器会输出 9(提醒 9 个子节点)。

相关文章
|
2天前
|
XML Web App开发 JavaScript
XML DOM 解析器
**XML DOM解析器将XML转换为JavaScript对象,允许在浏览器中操作XML。
|
2天前
|
XML Web App开发 JavaScript
XML DOM 解析器
XML DOM解析器是浏览器内置的功能,用于将XML转换为JavaScript对象以便操作。通过XMLHttpRequest对象,如`xhttp.open()`和`xhttp.send()`发送请求获取XML文件,然后`responseXML`属性将返回的XML转换为DOM,允许通过JavaScript遍历和修改XML结构。
|
2天前
|
XML JavaScript 数据格式
XML DOM 节点树
这是一个关于XML DOM节点树的描述,提到了从第一个子节点到最后一个子节点的内容。示例XML片段包含书籍信息:书名"Giada De Laurentiis",出版年份"2005"和价格"30.00"。
|
2天前
|
XML JavaScript 数据格式
XML DOM 遍历节点树
该文介绍了如何遍历XML文档的节点树。通过示例代码展示了如何使用DOM解析XML,遍历并打印出所有子节点的名称和值,以提取所需信息。实例中,XML数据包含书籍详情,程序逐个输出了这些细节。
|
3天前
|
XML JavaScript 数据格式
XML DOM 浏览器差异
现代浏览器均支持W3C DOM规范,但存在处理空白和换行的差异。例如,XML文档中的换行和空格可能作为文本节点被其他浏览器识别,但Internet Explorer不会。示例代码显示,加载XML文件后,不同浏览器计算根元素子节点数量的结果不同,IE显示4个,而其他浏览器显示9个。
|
3天前
|
XML JavaScript 数据格式
XML DOM 浏览器差异
不同浏览器在解析XML DOM时存在差异,尤其是对待空白和换行的方式。当XML文档中包含换行和空格时,Internet Explorer不会将它们视为文本节点,而其他浏览器则会。例如,一个XML文档在简单编辑器中可能有CR/LF和空格,导致在IE中根元素有4个子节点,但在其他浏览器中有9个子节点。示例代码通过加载XML文件并输出子节点数量来展示这一差异。
|
1月前
|
缓存 JavaScript 前端开发
【JavaScript 技术专栏】DOM 操作全攻略:从基础到进阶
【4月更文挑战第30天】本文深入讲解JavaScript与DOM交互,涵盖DOM基础、获取/修改元素、创建/删除元素、事件处理结合及性能优化。通过学习,开发者能掌握动态改变网页内容、结构和样式的技能,实现更丰富的交互体验。文中还讨论了DOM操作在实际案例、与其他前端技术结合的应用,助你提升前端开发能力。
|
5天前
|
JavaScript 前端开发 安全
【JavaScript 】DOM操作快速入门
【JavaScript 】DOM操作快速入门
7 2
|
5天前
|
JavaScript 前端开发 UED
JavaScript基础-DOM操作:查找、创建、修改
【6月更文挑战第12天】本文介绍了DOM基础,包括查找元素(getElementById、getElementsByClassName等)、创建新节点(createElement、createTextNode)和修改节点(innerText、innerHTML、setAttribute等)。强调了易错点,如ID唯一性、性能考量和安全问题,并提供了代码示例。熟练掌握DOM操作对前端开发至关重要,但应注意性能优化,适时使用框架或库。
JavaScript基础-DOM操作:查找、创建、修改
|
24天前
|
XML JavaScript 前端开发
JavaScript简介&引入方式(JavaScript基础语法、JavaScript对象、BOM、DOM、事件监听)
JavaScript简介&引入方式(JavaScript基础语法、JavaScript对象、BOM、DOM、事件监听)
16 2

相关课程

更多