代码中有三种读取方式，针对XML文件中不同存放方式的数据。
页面代码：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="HandleXML.aspx.cs" Inherits="UI_HandleXML" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>XML操作例</title>
<script language="javascript" type="text/javascript">
<!--
function handleXML()
{
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async="false";
xmlDoc.load("BEYOND.xml");
// <beyond name ="BEYOND" type ="Rock" member ="黄家驹 黄贯中 黄家强 叶世荣">
var name=xmlDoc.documentElement.selectSingleNode("//bs/beyond/@name").text;
// <jiaju>
var jiaju = xmlDoc.documentElement.selectSingleNode("//bs/beyond/jiaju").text;
// <song id="01">大地</song>
var song01 = xmlDoc.documentElement.selectSingleNode("//bs/beyond/song[@id='01']").text;
var song02 = xmlDoc.documentElement.selectSingleNode("//bs/beyond/song[@id='02']").text;
var song03 = xmlDoc.documentElement.selectSingleNode("//bs/beyond/song[@id='03']").text;
document.write("乐队名：<br>");
document.write(name);
document.write("<br>");
document.write("<br>家驹简介：<br>");
document.write(jiaju);
document.write("<br>");
document.write("<br>主要歌曲：<br>");
document.write(song01);
document.write("<br>");
document.write(song02);
document.write("<br>");
document.write(song03);
document.write("<br>");
return false;
}
//-->
</script>
</head>
<body onload = "return handleXML();">
<form id="frmXML" runat="server">
<div>
<asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="" /></div>
</form>
</body>
</html>
XML文件：
<?xml version="1.0" encoding="utf-8" ?>
<bs>
<!--beyond : BEYOND乐队
name : 乐队名
type : 乐队类型
member : 乐队成员
name ="BEYOND" type ="Rock" member ="黄家驹 黄贯中 黄家强 叶世荣"
-->
<beyond name ="BEYOND" type ="Rock" member ="黄家驹 黄贯中 黄家强 叶世荣">
<!--乐队简介-->
<info>
BEYOND，香港摇滚乐队，成立于1983年。Beyond获公认为华语乐坛上最成功和最有影响力的乐队之一，Beyond不但在香港、中国内地及台湾均有大量乐迷，即使远在日本、马来西亚等国也有大量的歌迷。黄家驹(Wong Ka Kui，日本发展时曾改日本名Koma)（1962年6月10日——1993年6月30日），籍贯广东台山，中国原创音乐的奠基人之一、香港乐坛的摇滚先驱者。中国摇滚乐坛上的杰出的音乐创作家、作曲家、作词家、爱国主义者、团队领导者；香港著名摇滚乐队BEYOND的主音及吉他手；也是乐队低音吉他手黄家强的二哥。他的吉他水准被公认为香港乐坛的顶尖水平。他所领导的BEYOND乐队是华语歌坛最成功的乐队之一，被誉为香港版的“滚石”，乐评人评论“香港没有摇滚，只有BEYOND！”
BEYOND乐队在香港乐坛上可以说是一个奇迹。Beyond的音乐至今对中国做乐队的后辈影响都非常大，有不少人曾经说过：“香港没有摇滚，只有 BEYOND”。很显然他们把BEYOND当成了香港摇滚乐的代名词。乐队早期有五位成员，后减为四位，有“披头士”四影子之称。BEYOND唱出了自己的梦想与社会的现实，光这一点就有很多乐队根本就做不到。他们对香港乐坛十分不满，他们曾经说过：“香港没有乐坛，只有娱乐圈！”此外，一提到 BEYOND乐队，人们还会自然而然地跟不死的精神联系在一起。他的音乐精神是不同于当时其他乐队低麋的“期待死亡”末世纪风气，追求积极向上、乐观进取。BEYOND自1983年成立至今得奖无数，有很多首歌曲成为经典歌曲，家喻户晓、久唱不衰。BEYOND乐队的奋斗足迹也是音乐人的榜样。 BEYOND的贡献不止是出众的音乐，他们更是影响了一代人，引领了一个时代！他们是中国乐坛的一个不可超越的奇迹！！！
</info>
<!--黄家驹-->
<jiaju>
黄家驹(Wong Ka Kui，日本发展时曾改日本名Koma），1962年6月10日—1993年6月30日，籍贯广东台山，是香港著名摇滚乐队Beyond的主唱及吉他手，也是乐队贝司手黄家强的二哥。中五毕业后，曾任职办公室助理、五金、冷气、水电工程、电视台布景员等，甚至加入乐队鼓手叶世荣任职的保险公司作推销员。
</jiaju>
<!--黄贯中-->
<paul>
</paul>
<!--黄家强-->
<jiaqiang>
</jiaqiang>
<!--叶世荣-->
<shirong>
</shirong>
<!--刘卓辉-->
<zhuohui>
</zhuohui>
<!--BEYOND主要歌曲-->
<song id="01">大地</song>
<song id="02">长城</song>
<song id="03">海阔天空</song>
<song id="04">岁月无声</song>
<song id="05">光辉岁月</song>
<song id="06">可否冲破</song>
</beyond>
</bs>
运行效果：
分享到：
相关推荐
这个过程允许我们方便地访问和操作XML数据，例如添加、删除或修改元素和属性。 一旦解析完成，我们可以对数据进行任意修改，这里创建了一个新的键值对`newElement`。接着，我们创建一个`xml2js.Builder`实例，并用...
在本文中，我们将探讨如何使用JavaScript操作XML文档来生成树形菜单。树形菜单是一种常见的用户界面元素，用于组织和展示层次结构的数据，如网站导航或文件系统。在这个例子中，我们将使用提供的XML数据来构建这样一...
然后，你可以通过DOM方法访问和操作XML节点，例如： ```javascript let items = xmlDoc.getElementsByTagName('item'); for (let i = 0; i ; i++) { console.log(items[i].getAttribute('id')); } ``` 然而，...
- DOM遍历：使用DOM提供的方法如`getElementsByTagName()`, `getElementById()`, `getAttribute()`等遍历和操作XML节点。 4. 示例代码： ```javascript function loadXMLDoc(dname) { var xhr = new ...
这个"JS读取XML例子(兼容IE和FF).rar"压缩包包含了一个示例，展示了如何在不依赖任何插件的情况下，使用JavaScript在Internet Explorer（IE）和Firefox（FF）等浏览器中读取XML文件。下面我们将详细探讨JavaScript...
解析后的`xmlDoc`是一个Document对象，可以使用DOM方法（如`getElementsByTagName`, `getElementById`等）遍历和操作XML结构。 2. **ActiveXObject**：这是Internet Explorer浏览器的特有API，不推荐在现代开发中...
"javascript100个小例子"这个资源集合了100个JavaScript编程的小实例，涵盖了各种操作和效果，非常适合初学者进行实践学习，同时也为项目开发提供了现成的代码片段。 在JavaScript的学习中，了解和掌握以下几个关键...
总的来说，通过JavaScript读取XML文件需要异步加载XML数据，然后使用DOM解析XML字符串。在实际项目中，还可以考虑使用jQuery、axios等库来简化XML处理。同时，理解XML和DOM的概念对于JavaScript开发者来说是非常重要...
而JavaScript作为Web前端的主要脚本语言，能够高效地解析和操作XML数据，这对于动态网站和应用程序来说至关重要。 ### JavaScript解析XML的关键方法 在给定的文件中，主要讨论了如何使用JavaScript来解析XML文件，...
在这个“XML.rar”压缩包中，我们重点关注的是使用JavaScript来操作XML，实现数据的增删改查，并且支持中英文切换的功能。 在JavaScript中处理XML，首先我们需要了解XML DOM（Document Object Model）。DOM是一种...
现在，`xmlDoc`变量包含了XML文件的文档对象模型，我们可以遍历和操作XML节点。 6. 更新网页：有了解析后的XML数据，我们就可以根据需求在网页上显示或操作这些数据，而无需刷新整个页面。 例如，假设XML文件包含...
在这个例子中，我们将探讨如何使用AJAX来读取XML数据，特别关注在Chrome和Firefox浏览器中的实现。 XML（eXtensible Markup Language）是一种用于存储和传输数据的标记语言，具有良好的结构和可读性。在JavaScript...
本教程将通过一个具体的实例来讲解如何使用JavaScript读取XML文件。 首先，我们需要理解XML的基本结构。XML是一种自描述性的文本格式，用于存储和传输数据。它使用标签来定义元素，这些元素可以嵌套，具有属性，...
在JavaScript中，读取服务器端的XML文件通常涉及到AJAX（Asynchronous JavaScript and XML）技术，尤其是现代浏览器中广泛使用的XMLHttpRequest对象或其更高级的版本——fetch API。在本例中，我们将探讨如何使用...
总的来说，JavaScript解析服务器端XML文件并生成树形菜单是一个常见的任务，涉及到XMLHttpRequest、DOM操作和递归算法等多个知识点。通过掌握这些技术，开发者可以构建出强大的前端应用程序，实现与服务器的数据交互...
在这个例子中，XML文件将作为数据源，提供树节点的信息，如节点文本、子节点等。 1. **XML文件结构**： XML文件以元素（Element）为核心，通过标签（Tag）来定义数据结构。例如，可以创建一个如下结构来表示树的...
这个"经典的JavaScript小例子"集合提供了一系列实用的代码片段，旨在帮助开发者理解和应用JavaScript的基本概念，同时激发创新思维，为网站增添互动性和趣味性。 首先，我们要明白JavaScript的主要功能：它可以在...
在这个例子中，JavaScript负责读取XML文件，解析其中的数据，并根据用户的选择动态更新下拉菜单。 3. **DOM（文档对象模型）**：DOM是HTML和XML文档的编程接口，它将整个文档表示为树形结构。JavaScript通过DOM API...
而将XML文件中的数据读取并生成页面表格，则是前端开发中常见的需求，尤其在展示结构化信息时非常有用。下面我们将详细探讨如何实现这个过程。 首先，我们需要理解XML的基本结构。XML文件由一系列元素组成，每个...
在JavaScript中，与服务器端交互并读取XML文件通常涉及到Ajax技术，特别是使用XMLHttpRequest对象。这个过程可以分为几个步骤，下面将详细解释如何实现。 首先，你需要创建一个XMLHttpRequest对象，这是JavaScript...