JavaScript操作XML文件之XML读取方法

JavaScript操作XML文件之读取方法详解

在Web开发中，JavaScript操作XML文件是一项常见技能。本文将通过实例讲解如何使用JavaScript读取XML文件，并分享相关技巧。

假设我们要读取名为“info.xml”的XML文件，该文件内容如下：

```xml

ceun

21

```

接下来，我们将介绍如何读取并遍历这个XML文件。

我们需要创建一个XML对象来加载XML文件。这里我们使用兼容多种浏览器的创建XML对象的方法：

```javascript

function createXMLDom() {

if (window.ActiveXObject) {

var xmldoc = new ActiveXObject("Microsoft.XMLDOM"); // 针对IE浏览器

} else if (document.implementation && document.implementation.createDocument) {

var xmldoc = document.implementation.createDocument("", "doc", null); // 针对其他浏览器

}

xmldoc.async = false; // 同步加载，防止页面阻塞

xmldoc.preserveWhiteSpace = true; // 保留XML文件中的空白符

return xmldoc;

}

```

然后，我们使用这个XML对象加载“info.xml”文件：

```javascript

var xmlDom = createXMLDom();

xmlDom.load("info.xml"); // 加载XML文件

```

加载完文件后，我们可以获取根节点，并通过getElementsByTagName方法获取所有的name和age节点：

```javascript

var root = xmlDom.documentElement; // 获取根节点

var names = root.getElementsByTagName("name"); // 获取所有的name节点

var ages = root.getElementsByTagName("age"); // 获取所有的age节点

```

我们可以遍历这些节点，获取节点的值，并将它们拼接成一个字符串，通过alert方法显示出来：

```javascript

var data = ""; // 用于存储姓名和年龄的字符串

var len = names.length; // name节点的数量

for (var i = 0; i < len; i++) {

data += "姓名:" + names[i].firstChild.nodeValue + " 年龄:" + ages[i].firstChild.nodeValue + " "; // 拼接字符串

}

alert(data); // 显示姓名和年龄的列表

```

以上代码将在浏览器弹出一个对话框，显示所有name和age节点的值。这样，我们就成功地读取并遍历了XML文件。希望本文能对大家的JavaScript程序设计有所帮助。