xml.html
<html>
<head>
<script language="javascript" type="text/javascript">
function parseXML(){
XmlDoc=new ActiveXObject("Microsoft.XmlDOM"); //初始化，给上述定义变量赋值
xml="x.xml";//需要读取的xml文件
XmlDoc.async = false;
XmlDoc.load(xml);
getvalue();
}
function getvalue() {
var ListDesc="";
nodes=XmlDoc.documentElement.childNodes;
for(i=0;i<nodes.length;i++){
window.document.getElementById('date').innerHTML=nodes.item(i).childNodes.item(0).text+" "+
window.document.getElementById('date').innerHTML;
window.document.getElementById('city').innerHTML=nodes.item(i).childNodes.item(1).text+" "+
window.document.getElementById('city').innerHTML;
window.document.getElementById('url').innerHTML=nodes.item(i).childNodes.item(2).text+" "+
window.document.getElementById('url').innerHTML;
ListDesc=nodes.item(i).childNodes(0).text+" "+nodes.item(i).childNodes(1).text+" "
+nodes.item(i).childNodes(2).text+"<br><hr/>"
+ListDesc;
}
list.innerHTML=ListDesc;
}
</script>
</head>
<body onload="parseXML()">
DATE=<span id="date" ></span><br/><hr/>
CITY=<span id="city" ></span><br/><hr/>
URL=<span id="url" ></span><br/><hr/>
<div id="list">loading....</div>
</body>
</html>
x.xml
<?xml version="1.0" encoding="gb2312" ?>
<root>
<citymessage>
<date>2010年1月1日</date>
<city>北京</city>
<url>http://www.baidu.com/</url>
</citymessage>
<citymessage>
<date>2010年2月2日</date>
<city>香港</city>
<url>http://www.2345.com/</url>
</citymessage>
<citymessage>
<date>2010年3月3日</date>
<city>湖北</city>
<url>http://www.163.com/</url>
</citymessage>
<citymessage>
<date>2010年4月4日</date>
<city>澳门</city>
<url>http://www.qq.com/</url>
</citymessage>
</root>
分享到：
相关推荐
在JavaScript中，读取XML文件内容是一个常见的任务，特别是在构建Web应用程序时，XML常用于存储结构化数据。本文将深入探讨如何使用JavaScript处理XML文件，包括解析XML、访问XML节点以及展示XML数据。 首先，我们...
### JavaScript读取XML文件的方法详解 #### 一、引言 在现代Web开发中，XML（可扩展标记语言）作为一种轻量级的数据交换格式，在早期的Web应用中扮演着重要的角色。JavaScript作为前端的主要编程语言之一，具备强大...
### JS读取XML文件并获取文件内容 #### 知识点概述 在现代Web开发中，JavaScript（简称JS）常被用于处理各种数据格式，包括XML。XML（可扩展标记语言）是一种常用的标记语言，主要用于结构化数据的存储与传输。...
### JavaScript读取XML文件知识点详解 #### 一、XML与JavaScript简介 - **XML (Extensible Markup Language)**：一种标记语言，类似于HTML，用于存储和传输数据。它被设计成具有自描述性，使得数据在不同系统间...
以上就是使用JavaScript获取和操作XML文件的基本步骤。在实际应用中，可能还需要考虑错误处理、兼容性问题以及性能优化等方面。通过结合`js读取xml.html`中的示例代码，你可以更深入地理解这些概念，并在自己的项目...
下面，我们将深入探讨如何使用JavaScript来读取和写入XML文件，包括关键知识点和实际代码示例。 #### 创建和加载XML文档 在JavaScript中，我们通常使用`DOMDocument`对象来创建或加载XML文档。首先，我们需要通过`...
以下是一些关于如何在JavaScript中读取XML文件的关键知识点： 1. **DOM解析XML**： - 当XML文件在浏览器环境中加载时，浏览器会自动构建一个DOM树。JavaScript可以通过`document.implementation.createDocument()`...
这篇博客“使用javascript遍历XML文件并显示”探讨了如何利用JavaScript对XML文件进行读取和遍历，并将内容呈现在网页上。 首先，我们需要理解XML的基本概念。XML是一种自描述的、结构化的数据格式，用于存储和传输...
下面将详细介绍如何使用JavaScript进行XML文件的操作，主要包括增加、删除、修改和查询。 1. **加载XML文件** 在JavaScript中，我们可以使用`XMLHttpRequest`对象或者`fetch` API来加载XML文件。例如： ```...
而SAX则是一种事件驱动的解析方式，它逐行读取XML文件，当遇到某个元素、属性时触发相应的事件，适合处理大型XML文件，因为不需要一次性加载整个文件到内存。 标题"xml.rar_javascript_javascript xml_xml ...
总结来说，JavaScript读取XML的基本流程包括： 1. 创建或获取XML文档对象，例如通过`new ActiveXObject("Microsoft.XMLDOM")`（在旧版IE中）或`new DOMParser().parseFromString(xmlString, "text/xml")`（在现代...
### JavaScript 对 XML 文件解析知识点详解 ...通过以上内容可以看出，JavaScript 提供了多种方式来解析和操作 XML 文件，开发者可以根据实际需求选择合适的方法。这些技术在处理 Web 应用程序中的动态数据时尤为重要。
将JavaScript与XML结合，我们可以实现对XML文件的读取、修改、添加和删除等操作。下面将详细探讨如何使用JavaScript处理XML文件。 1. **创建XML对象**： 在JavaScript中，我们可以使用`ActiveXObject`（在IE浏览器...
在JavaScript中读取XML文件，主要是通过DOM（Document Object Model）接口来实现的。下面我们将深入探讨如何使用JavaScript来处理XML文件。 1. 创建XMLHttpRequest对象 JavaScript中读取XML文件首先需要创建一个...
本文将深入探讨如何使用JavaScript在服务器端解析XML文件，并将其转化为树形菜单，以供用户交互。 首先，理解XML的基本结构至关重要。XML是一种自描述性的文本格式，通过标签来定义数据结构。例如： ```xml ...
XML文件通常包含元素、属性、文本内容以及注释等。 在JavaScript中，解析XML文件主要涉及以下两种方法： 1. **DOMParser API**：这是W3C标准的一部分，适用于所有现代浏览器，包括Chrome、Firefox、Safari和Edge等...
当涉及到从XML文件中获取数据时，jQuery提供了一种简洁的API，使得开发者可以方便地处理XML文档。本篇文章将深入探讨如何使用jQuery来读取XML，并通过实例详细解析相关知识点。 一、jQuery.parseXML()函数 在...
// 读取XML文件 fs.readFile('input.xml', 'utf8', (err, data) => { if (err) { console.error('Error reading XML:', err); return; } // 解析XML为JavaScript对象 xml2js.parseString(data, (err, result)...
JavaScript 用于读取 XML 文件和解析节点数据是Web开发中常见的任务，特别是在处理异步数据交换时。在提供的代码段中，我们看到一个简单的 AJAX（Asynchronous JavaScript and XML）请求被用来从服务器获取一个 XML ...
本文将详细介绍如何在JavaScript中通过DOM（文档对象模型）技术读取XML文件内容，并对文件中的数据进行遍历。 首先，XML（Extensible Markup Language，可扩展标记语言）是一种标记语言，用于存储和传输数据。它是...