参考 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. GRIT VIEW删除事件

    1.点选表格后找到事件 RowCommand 2.輸入gvGroupUser_RowCommand后双击                                        ------注分 ...

  2. 文件流FileStream的读写

    1.FileStream文件流的概念: FileStream 类对文件系统上的文件进行读取.写入.打开和关闭操作,并对其他与文件相关的操作系统句柄进行操作,如管道.标准输入和标准输出.读写操作可以指定 ...

  3. 同步IO，异步IO，阻塞，非阻塞的定义与区别

    异步I/O 是指用户程序发起IO请求后,不等待数据,同时操作系统内核负责I/O操作把数据从内核拷贝到用户程序的缓冲区后通知应用程序.数据拷贝是由操作系统内核完成,用户程序从一开始就没有等待数据,发起请 ...

  4. Pytorch:module 'torch' has no attribute 'bool'

    Pytorch:module 'torch' has no attribute 'bool' 这个应该是有些版本的Pytorch会遇到这个问题,我用0.4.0版本测试发现torch.bool是有的,但 ...

  5. 基于【 bug解决】一 || mysql的ONLY_FULL_GROUP_BY导致的sql语句错误

    一.Mysql错误: In aggregated query without GROUP BY, expression #1 of SELECT list contains nonaggregated ...

  6. oracle的LAST_DAY（）函数

    转自:https://blog.csdn.net/u012581453/article/details/53727936 LAST_DAY LAST_DAY函数返回指定日期对应月份的最后一天. 获取当 ...

  7. Vue注意事项

    在使用Vue中的函数或自己定义的函数或指令的时候,Vue说明如下 在一些自己定义或系统定义的驼峰命名规则的时候,你需要到元素区域引用的使用中间的大写要改成小写在谭家 一条横杠如: 你在var=new ...

  8. 【leetcode】496. Next Greater Element I

    原题 You are given two arrays (without duplicates) nums1 and nums2 where nums1's elements are subset o ...

  9. git 把其他分支上的文件拿来覆盖本地

    1:git checkout oldversion -- 文件地址 2: 一个分支从某个角度讲也像是一次commmit,也是有向无环图的一个点

  10. CentOS7安装CDH 第十二章：YARN的资源调优

    相关文章链接 CentOS7安装CDH 第一章:CentOS7系统安装 CentOS7安装CDH 第二章:CentOS7各个软件安装和启动 CentOS7安装CDH 第三章:CDH中的问题和解决方法 ...