XML DOM 浏览器差异

简介: **XML DOM 在浏览器间存在差异,尤其是处理空白和换行的方式。IE 不将空白或换行视为文本节点,而其他浏览器则会。例如,一个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 个子节点)。

相关文章
|
16天前
|
XML JavaScript 数据格式
XML DOM 浏览器差异
不同浏览器在解析XML DOM时存在差异,尤其是对待空白和换行的方式。当XML文档中包含换行和空格时,Internet Explorer不会将它们视为文本节点,而其他浏览器则会。例如,一个XML文档在简单编辑器中可能有CR/LF和空格,导致在IE中根元素有4个子节点,但在其他浏览器中有9个子节点。示例代码通过加载XML文件并输出子节点数量来展示这一差异。
|
2天前
|
XML JavaScript 数据格式
XML DOM 浏览器差异
XML DOM在浏览器中解析时,空格和换行处理不一致。IE不将这些视为文本节点,而其他浏览器则会。例如,一个包含CR/LF和空格的XML文档在IE中可能显示4个子节点,但在其他浏览器中显示9个。`documentElement.childNodes.length`的值会因浏览器不同而变化。
|
6天前
|
XML JavaScript 数据格式
XML DOM 浏览器差异
现代浏览器虽支持W3C DOM,但在处理XML空白和换行时存在差异。IE不将空格或换行视为文本节点,而其他浏览器会。例如,一个XML文档中若有换行和空格,IE会显示4个子节点,而其他浏览器可能显示9个。
|
2月前
|
前端开发 JavaScript
浏览器通过构建DOM树来解析HTML代码
【4月更文挑战第30天】浏览器通过构建DOM树来解析HTML代码
32 1
|
2月前
|
编解码 JavaScript 前端开发
BOM和DOM:BOM(浏览器对象模型)提供了与浏览器交互的能力,如弹窗、定时器等;DOM(文档对象模型)提供了操作HTML元素的能力,如获取、修改元素内容和属性。
BOM和DOM:BOM(浏览器对象模型)提供了与浏览器交互的能力,如弹窗、定时器等;DOM(文档对象模型)提供了操作HTML元素的能力,如获取、修改元素内容和属性。
47 2
|
存储 JavaScript 前端开发
浏览器对象模型BOM的基本使用
浏览器对象模型它允许 JavaScript 与浏览器对话
101 1
|
JavaScript 前端开发
浏览器中BOM(浏览器对象模型)重点掌握对象之Location对象的属性与方法
在学过JavaScript之后,我们都知道对象分为内置对象 、宿主对象 、自定义对象,我们经常用到的浏览器中的内置对象就是宿主对象的一种,浏览器的内置对象有很多,本文就来详细讲解一下Location对象的属性与方法吧。
232 0
浏览器中BOM(浏览器对象模型)重点掌握对象之Location对象的属性与方法
|
JavaScript 前端开发 Go
浏览器中BOM(浏览器对象模型)重点掌握对象之History对象的属性与方法
在学过JavaScript之后,我们都知道对象分为内置对象 、宿主对象 、自定义对象,我们经常用到的浏览器中的内置对象就是宿主对象的一种,浏览器的内置对象有很多,本文就来详细讲解一下History对象的属性与方法吧
288 0
浏览器中BOM(浏览器对象模型)重点掌握对象之History对象的属性与方法
|
JavaScript 前端开发
浏览器中BOM(浏览器对象模型)重点掌握对象之Window对象的属性与方法(上)
在学过JavaScript之后,我们都知道对象分为内置对象 、宿主对象 、自定义对象,我们经常用到的浏览器中的内置对象就是宿主对象的一种,浏览器的内置对象有很多,本文就来详细讲解一下Window对象的属性与方法吧。
96 0
浏览器中BOM(浏览器对象模型)重点掌握对象之Window对象的属性与方法(上)