参考 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. PB笔记之窗口之间传递多参数的方法

    messageboxex("警告","确定要把删除房间["+ls_id+"]吗?",question!,yesno!)<>1 t ...

  2. 编译内核提示mkimage command not found – U-Boot images will not be built

     转載與:http://www.mr-wu.cn/u-boot-tools-binary-package-in-ubuntu/ ubuntu 编译linux kernel时提示: “mkimage” ...

  3. javascript之new操作符

    new 运算符做了哪些事情 1.新生成了一个对象 2.链接到原型 3.绑定 this 4.返回新对象 自己实现一个 new function create() { // 创建一个空的对象 let ob ...

  4. cf 869c The Intriguing Obsession

    题意:有三种三色的岛,用a,b,c来标识这三种岛.然后规定,同种颜色的岛不能相连,而且同种颜色的岛不能和同一个其他颜色的岛相连.问有多少种建桥的方法. 题解:em....dp.我们先看两个岛之间怎么个 ...

  5. vue的交互

    交互     Vue做交互需要引入一个库:vue-resouce.js     get:      post     jsonp   <script src="vue.js" ...

  6. php中需要注意的函数（持续更新）

    explode 函数 $a = null; explode("#",$a); //不会报错会返回一个只包含空字符串的数组

  7. Linux下安装php开发环境

    先记录下以恶搞教程,回头自己更 https://my.oschina.net/hhly/blog/1547227

  8. github发布版本

    github发布版本后再pacakgist能拉取到需要发布版本 本地 mac@macdeMacBook-Pro:/www/tool$ git add . mac@macdeMacBook-Pro:/w ...

  9. layui切换

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  10. Linux命令——yum

    翻译自:20 Linux YUM (Yellowdog Updater, Modified) Commands for Package Management 前言 本篇文章将介绍如何使用RedHat开 ...