XML DOM 浏览器差异

简介: 不同浏览器对XML DOM解析处理存在差异,尤其是在处理空白和换行方面。当XML文档中包含换行和空格时,Internet Explorer不会将这些视为文本节点,而其他浏览器则会。例如,一个简单的XML文档在各子节点间有空格和换行,IE会识别为4个子节点,而其他浏览器则识别为9个。示例代码通过加载XML文件并输出子节点数量来展示这一差异。

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 个子节点)。
相关文章
|
3天前
|
XML Web App开发 JavaScript
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文档的结构。
|
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>` 节点。
|
5天前
|
XML 存储 JavaScript
XML DOM - 访问节点
`getElementsByTagName()` 方法用于获取 XML 文档中指定标签名的所有节点,返回一个节点列表,类似数组。可以循环遍历节点树或利用节点关系导航来访问每个节点。例如,加载 "books.xml" 到 xmlDoc 后,变量 x 存储了所有 `<book>` 节点的列表。
|
5天前
|
XML 存储 JavaScript
XML DOM - 访问节点
`getElementsByTagName()` 方法用于访问XML文档中的特定节点。节点可按三种方式获取:使用该方法、遍历节点树或导航节点关系。`getElementsByTagName()` 返回一个节点列表,类似数组,可用于处理多个匹配节点。例如,代码加载 "books.xml" 到 `xmlDoc`,再将结果保存到变量 `x`。
|
4天前
|
XML 存储 JavaScript
XML DOM - 访问节点
`getElementsByTagName()` 方法用于获取 XML 文档中指定标签名的所有节点,返回一个节点列表,可遍历处理。通过节点关系及循环,能灵活访问和导航XML文档的整个节点树。例如,`xmlDoc.getElementsByTagName("book")` 返回一个包含所有 `<book>` 节点的数组。
|
5天前
|
XML JavaScript 数据格式
XML DOM 浏览器差异
**XML DOM 在浏览器间存在差异,尤其是处理空白和换行的方式。IE 不将空格或换行视为文本节点,而其他浏览器则会。例如,一个包含CR/LF和空格的XML文件在IE中显示4个子节点,但在其他浏览器中显示9个。示例代码通过加载XML并输出子节点数来体现这一差异。**
|
7天前
|
XML 存储 JavaScript
XML DOM - 访问节点
`getElementsByTagName()` 方法用于访问XML文档中的特定节点。节点可按三种方式获取:使用该方法、遍历节点树或导航节点关系。`getElementsByTagName()` 返回一个节点列表,类似数组,可用于处理多个匹配节点。例如,代码加载 "books.xml" 到 `xmlDoc`,再将结果保存到变量 `x`。
|
7天前
|
XML Web App开发 JavaScript
XML DOM 解析器
**XML DOM解析器**是浏览器内置的工具,用于将XML转换为JavaScript对象,便于操作。通过XMLHttpRequest加载XML文档,如`books.xml`,创建HTTP请求并获取响应后,将XML响应转换为DOM对象,赋值给`xmlDoc`,允许使用JS遍历和修改XML结构。在不同浏览器中,可能使用XMLHttpRequest或ActiveXObject。
|
4天前
|
XML JavaScript 数据格式
XML DOM 浏览器差异
现代浏览器虽支持W3C DOM,但在处理XML空白和换行时存在差异。IE不将这些视为文本节点,而其他浏览器则会。例如,XML文件中的CR/LF和空格可能导致IE识别4个子节点,而其他浏览器识别9个。`document.write`显示不同浏览器的`childNodes.length`值体现这一差异。