参考 http://www.w3school.com.cn/xmldom/dom_document.asp

A.xml

<?xml version="1.0" encoding="utf-8"?>

<root>

 <data id="1">

 <lon>114.065995</lon>

 <lat>22.66754</lat>

 <name>站点1</name>

 </data>

 <data id="2">

 <lon>114.060010</lon>

 <lat>22.66754</lat>

 <name>站点2</name>

 </data>

 <data id="3">

 <lon>114.060020</lon>

 <lat>22.66754</lat>

 <name>站点3</name>

 </data>

 <data id="4">

 <lon>114.060030</lon>

 <lat>22.66754</lat>

 <name>站点4</name>

 </data>

 <data id="5">

 <lon>114.060040</lon>

 <lat>22.66754</lat>

 <name>站点5</name>

 </data>

</root>

2、读取数据

// 生成XML对象

function loadXMLDom(fileName)

{

     if (window.XMLHttpRequest)

    {

        xhttp=new XMLHttpRequest();

    }

    else

    {

        xhttp=new ActiveXObject("Microsoft.XMLHTTP");

    }

        xhttp.open("GET",fileName,false);

    xhttp.send();

    return xhttp.responseXML;

}

function stationDatas(fileName)

{

   var xmlDom=loadXMLDom(fileName);

   //获得根节点

   var root=xmlDom.documentElement;

   var data="";

   var names=root.getElementsByTagName("name");

   var lons=root.getElementsByTagName("lon");

   var lats=root.getElementsByTagName("lat");

   var len=names.length;

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

   {

     data +="name";

     data += names[i].firstChild.nodeValue;

     data += "lon";

     data += lons[i].firstChild.nodeValue;

   }

   return data;

}

3、html 引用

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>菜鸟教程(runoob.com)</title>

</head>

<script type="text/javascript" src="js/mytrans.js"></script>

<body>

    <h1>我的第一个标题</h1>

    <p>我的第一个段落。</p>

</body>

<script type="text/javascript">

document.write(stationDatas("A.xml"));

</script>

</html>

4、结果

js 读xml文件的更多相关文章

  1. jQuery、JS读取xml文件里的内容（JS先通过document.implementation.createDocument方法将xml转换成document对象，jQuery将读取到的xml转成table）

    xml文件:test.xml <?xml version="1.0"?> <note> <to>George</to> <fr ...

  2. JS解析XML文件和XML字符串

    JS解析XML文件 <script type='text/javascript'> loadXML = function(xmlFile){ var xmlDoc=null; //判断浏览 ...

  3. Js读取XML文件为List结构

    习惯了C#的List集合,对于Javascript没有list 极为不舒服,在一个利用Js读取XML文件的Demo中,决定自己构建List对象,将数据存入List. 第一步,Js读取XML文件知识 X ...

  4. js操作XML文件兼容IE与FireFox

    最近项目中用到了xml,需求是用户安装产品时先把一系列的数据保存到xml文件中,当执行到最后一步时才写入数据库,这样最大限度的减少了数据库的访问,于是不得不纠结在各浏览器的兼容性的问题(悲哀啊.... ...

  5. IE下JS读取xml文件示例代码

    JS读取xml文件具体步骤为:创建DOM对象.加载xml文件(仅适用于IE)附示例代码,感兴趣的朋友可以参考下,希望对大家有所帮助使用javascript脚本读取xml文件,这里暂只考虑IE浏览器st ...

  6. LinqToXML~读XML文件

    linq的出现,带给我们的是简结,快速,可读性,它由linq to sql,linq to object,linq to XML组成,我的博客之前有对linq to sql的讲解,而今天,我将讲一个l ...

  7. 用js解析XML文件，字符串一些心得

    解析XML文件遇到的问题 今天秦博士叫我解析一下XML文件,将里面的所有的X坐标Y坐标放在一个数组里面然后写在文档里让他进行算法比对,大家都知道了啦,解析XML文件获取里面的坐标数据什么的,当然是用前 ...

  8. js 读取xml文件

    读取xml文件 [原创 2007-6-20 17:35:37]     字号:大 中 小 js中读取xml文件,简单的例子: <html><head><script> ...

  9. js 对XML文件的保存与读取

    一.保存(在前端用js创建xml格式) function exportToXml(jsonStr){ var obj = eval('('+ jsonStr + ')'); var xmlDoc = ...

随机推荐

  1. Linux追加磁盘扩展

    一:查看磁盘空间信息: fdisk -l 查看当前的系统的磁盘空间的情况: 二:增加分区: fdisk /dev/sda 键入n,增加一个分区,得到: 键入 p,主分区,并键入3(编号): 默认起始扇 ...

  2. 以EntifyFramework DBFirst方式访问SQLite数据库

    前面一直在找EF Code First方式来访问SQLite数据库,后面得出的结论是SQLite不支持 Code First, 虽然有非官方的库SQLite.CodeFirst可以使用,但一直没搞成功 ...

  3. C# 卡控时间输入

    int hour = (int.Parse(DateTime.Now.Hour.ToString())) * 60;        int minute = int.Parse(DateTime.No ...

  4. javascript -- 把按钮变成读秒倒计时

    $('#btn').click(function(){ //设置按钮倒计时 $(this).addClass('disabled'); //把按钮变灰 $(this).attr('disabled', ...

  5. VBA字符串（十二）

    字符串是一个字符序列,可以由字母,数字,特殊字符或全部字符组成. 如果一个变量被包含在双引号""中,则被认为是一个字符串. 语法 variable_name = "thi ...

  6. ASP.NET使用window.event.keycode来获取按下的键盘值！

    window.event.keycode-获取按下的键盘值 这里只列出了一些较常用的键盘值更加详细的键盘值请访问此人博客:https://www.cnblogs.com/z-sm/p/3597592. ...

  7. Android笔记（四） Activity之间的数据传递

    我们之前使用Intent进行Activity之间的跳转,其实Intent还可以在启动活动的时候传递数据. Intent提供了一系列的putExtra方法以便我们把想要传递的数据暂存在Intent中,待 ...

  8. java.lang.NoClassDefFoundError: Could not initialize class xxx

    感慨:啊啊啊啊啊啊啊啊啊啊,这个问题弄了我好久,整整一天!!! 概述:原本是调用公司自己写的jar包的工具类.在其他项目都能调用,一模一样的套用过来就是不行.问了一些同事他们也不知道怎么解决. 然后百 ...

  9. Yum三方仓库——EPEL

    参考:什么是EPEL 及 Centos上安装EPEL 参考:How to Enable EPEL Repository for RHEL/CentOS 7.x/6.x/5.x 前言 RHEL以及他的衍 ...

  10. LeetCode：135. 分发糖果

    LeetCode:135. 分发糖果 老师想给孩子们分发糖果,有 N 个孩子站成了一条直线,老师会根据每个孩子的表现,预先给他们评分. 你需要按照以下要求,帮助老师给这些孩子分发糖果: 每个孩子至少分 ...