通过微软的 XML 解析器加载 XML
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async = false;
XmlDoc.load("myxml.xml")
- 第一行创建空的微软 XML 文档对象
- 第二行关闭异步加载，这样可确保在文档完整加载之前，解析器不会继续执行脚本
- 第三行告知解析器加载名为 "myxml.xml" 的文档
在 Firefox 及其他浏览器中的 XML 解析器
var xmlDoc = document.implementation.createDocument("" , "" , null);
xmlDoc.async = false;
xmlDoc.load("myxml.xml");
解析 XML 文件 - 一个跨浏览器的实例
下面的例子把 XML 文档 ("books.xml") 载入 XML 解析器：
<html>
<body>
<script type="text/javascript">
try //Internet Explorer
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
}
catch(e)
{
try //Firefox, Mozilla, Opera, etc.
{
xmlDoc=document.implementation.createDocument("","",null);
}
catch(e) {alert(e.message)}
}
try
{
xmlDoc.async=false;
xmlDoc.load("books.xml");
document.write("xmlDoc is loaded, ready for use");
}
catch(e) {alert(e.message)}
</script>
</body>
</html>
XML DOM 属性
一些典型的 DOM 属性：
- x.nodeName - x 的名称
- x.nodeValue - x 的值
- x.parentNode - x 的父节点
- x.childNodes - x 的子节点
- x.attributes - x 的属性节点
注释：在上面的列表中，x 是一个节点对象。
XML DOM 方法
- x.getElementsByTagName(name) - 获取带有指定标签名称的所有元素
- x.appendChild(node) - 向 x 插入子节点
- x.removeChild(node) - 从 x 删除子节点
注释：在上面的列表中，x 是一个节点对象。
实例
从 books.xml 中的 <title> 元素获取文本的 JavaScript 代码：
txt=xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue
在此语句执行后，txt 保存的值是 "Everyday Italian"。
解释：
-
xmlDoc - 由解析器创建的 XML DOM
-
getElementsByTagName("title")[0] - 第一个 <title> 元素
-
childNodes[0] - <title> 元素的第一个子节点 (文本节点)
-
nodeValue - 节点的值 (文本自身)
在上面的例子中，getElementsByTagName 是方法，而 childNodes 和 nodeValue 是属性。
分享到：
相关推荐
### JS读取XML文件并获取文件内容 #### 知识点概述 在现代Web开发中，JavaScript（简称JS）常被用于处理各种数据格式，包括XML。XML（可扩展标记语言）是一种常用的标记语言，主要用于结构化数据的存储与传输。...
js 操作xml 文件 读取xml文件 js 操作xml 文件 读取xml文件
### JavaScript读取XML文件的方法详解 #### 一、引言 在现代Web开发中，XML（可扩展标记语言）作为一种轻量级的数据交换格式，在早期的Web应用中扮演着重要的角色。JavaScript作为前端的主要编程语言之一，具备强大...
总的来说，通过JavaScript读取XML文件需要异步加载XML数据，然后使用DOM解析XML字符串。在实际项目中，还可以考虑使用jQuery、axios等库来简化XML处理。同时，理解XML和DOM的概念对于JavaScript开发者来说是非常重要...
### JS读取XML知识点解析 #### 一、概述 在Web开发中，JavaScript与XML的结合使用非常常见，尤其是在处理动态数据或者构建复杂的用户界面时。XML（Extensible Markup Language，可扩展标记语言）是一种用来标记...
在JavaScript中读取XML文件，主要是通过DOM（Document Object Model）接口来实现的。下面我们将深入探讨如何使用JavaScript来处理XML文件。 1. 创建XMLHttpRequest对象 JavaScript中读取XML文件首先需要创建一个...
这个"JS读取XML例子(兼容IE和FF).rar"压缩包包含了一个示例，展示了如何在不依赖任何插件的情况下，使用JavaScript在Internet Explorer（IE）和Firefox（FF）等浏览器中读取XML文件。下面我们将详细探讨JavaScript...
总的来说，JavaScript操作XML和HTML是Web开发的基础技能，通过学习和熟练掌握这些技术，开发者能够构建功能丰富的、交互性强的网页应用。随着Web技术的不断发展，JavaScript在处理XML和HTML方面的能力也在不断提升，...
以上就是使用JavaScript操作XML文件的基本步骤和示例。在实际应用中，可能还需要考虑错误处理、兼容性问题以及更复杂的逻辑操作。理解并熟练运用这些技术，可以帮助开发者在前端环境中有效地处理和操作XML数据。
在JavaScript中，读取XML文件并将其转换为树形结构是一项常见的任务，特别是在处理服务器返回的数据或者构建动态网页时。本教程将详细讲解如何通过JavaScript实现这一功能。 首先，我们需要理解XML（Extensible ...
以下将详细介绍如何使用JavaScript来读取XML文件。 一、XMLHttpRequest对象 JavaScript通过XMLHttpRequest对象与服务器进行异步通信，这被称为AJAX（Asynchronous JavaScript and XML）。尽管名字中含有XML，但它并...
总的来说，通过JavaScript读取XML并生成DTree，我们可以创建一个交互式的、直观的配置文件目录结构，简化用户的操作。这个过程包括加载XML文件、解析XML为树形结构、以及将树形结构转化为可视化的HTML元素。理解这些...
Javascript操作XML Dom学习资料
总结来说，JavaScript读取XML的基本流程包括： 1. 创建或获取XML文档对象，例如通过`new ActiveXObject("Microsoft.XMLDOM")`（在旧版IE中）或`new DOMParser().parseFromString(xmlString, "text/xml")`（在现代...
### JavaScript读取XML文件知识点详解 #### 一、XML与JavaScript简介 - **XML (Extensible Markup Language)**：一种标记语言，类似于HTML，用于存储和传输数据。它被设计成具有自描述性，使得数据在不同系统间...
XmlUtils JS操作XML工具类 ** * 加载xml文件,参数: * @param {string} xmlPath：加载的xml文件路径； * @return {Object} true 正常加载； false 加载失败 *
JavaScript读取XML文件内容的过程就是这样，这涉及到异步请求、XML解析以及DOM操作。这个过程对于Web开发者来说是必不可少的技能，特别是在处理需要与服务器交换数据的应用中。理解并熟练掌握这些技术，将有助于构建...
在本场景中，“Js读取XML产生随机数”指的是利用JavaScript来解析XML文档，并从中抽取数据以生成随机数，比如在模拟抽奖应用中，这些随机数可能用于决定中奖者。下面我们将详细探讨这个过程。 首先，我们需要理解...
以上就是JavaScript操作XML的基本知识，包括创建XML对象、DOM操作、事件处理以及通过AJAX获取和解析XML数据的方法。理解这些概念和实践，将有助于你在实际项目中更好地处理XML数据。在提供的“JavaScript节点操作xml...
### JS读取XML知识点详解 #### 一、XML与JavaScript结合的重要性 XML（eXtensible Markup Language）是一种用于标记数据的语言，具有良好的结构化特性，适用于存储和传输数据。在Web开发中，XML常被用作数据交换...