test.xml:<?xml version="1.0" encoding="utf-8" ?><NewInfo><cat id="1">    <title>猫(māo)</title>    <content>【词性】 动词<br/>【解释】 一个物体的形象倒着映射到另一个物体上。<br/>【例句】 堤岸的杨柳倒映在平静的湖面上</content>    <image>../../images/flip_pic.png</image>    <audio>../../audio/yi4.mp3</audio>

</cat><dog id="2">    <title>狗(māo)</title>    <content>【词性】 动词<br/>【解释】 一个物体的形象倒着映射到另一个物体上。<br/>【例句】 堤岸的杨柳倒映在平静的湖面上</content>    <image>../../images/flip_pic.png</image>    <audio>../../audio/yi4.mp3</audio></dog></NewInfo>

注意:以下有个word字段,是传入的参数。如word="cat";

js读取xml: var dom;                  if (window.ActiveXObject){                 dom = new ActiveXObject("Microsoft.XMLDOM");                 dom.async=false;                 dom.load("test.xml");              }else if (document.implementation &&     document.implementation.createDocument){                   var xmlhttp = new window.XMLHttpRequest();                  xmlhttp.open("GET", "test.xml", false);                  xmlhttp.send(null);                  dom = xmlhttp.responseXML;                   }else{                       dom = null;                     }                               

            if(dom){                var node = dom.getElementsByTagName(word);                for(var i=0;i<node.length;i++)                {        var id=node[i].getAttribute('id')-1;                 var title = dom.getElementsByTagName("title")[id].childNodes[0].nodeValue;       var audio=dom.getElementsByTagName("audio")[id].childNodes[0].nodeValue;                }

            }else{                window.alert("dom对象为空,失败了!");                return;            }
jquery读取xml:$.get('test.xml',function (data){             $(data).find(word).each(function(){                   var id=$(this).attr("id");                 var title=$(this).find('title').text();                var audio=$(this).find('audio').text();           });          });

jquery读取xml比较js读取xml 比比就知道相关推荐

  1. html 读取本地xml文件,JS读取本地的XML文件

    要想让JS读取本地的XML代码,得具备这样的条件,一般情况下,需要一个JS文件,一个XML文件,最后这两个文件就放在相同的路径下,这样方便调用. 一.XML文件代码示例 大众计算机学习网 www.dz ...

  2. linux下用js生成xml文件,使用JS读取XML文件的方法

    由于项目上需要解析xml,于是各种百度,然后自己总结了下各个主流浏览器解析xml的方法,只能是很浅显的知道他的用法,但是还没有深层次的研究. 不同的浏览器对xml的解析方式不同,根据目前主流浏览器大致 ...

  3. php解析api xml并输出到html页面,怎样操作JS读取xml内容并输出到div内

    这次给大家带来怎样操作JS读取xml内容并输出到div内,操作JS读取xml内容并输出到div内的注意事项有哪些,下面就是实战案例,一起来看一下. note.xml文件结构: George John ...

  4. html表格中绑定显示xml文档内容的简单实例,JS读取XML文件数据并以table形式显示数据的方法(兼容IE与火狐)...

    本文实例讲述了JS读取XML文件数据并以table形式显示数据的方法.分享给大家供大家参考,具体如下: 先看xml文件: 张秋丽 女 18 李文才 男 31 李斯文 男 22 马英 女 25 孙红雷 ...

  5. ajax 返回xml 怎么显示显示图片,如何使用jquery和ajax读取,解析和显示xml

    我想读取,解析并显示使用jquery和ajax的xml文件.但同时尝试这样做,我得到一个错误,因为我无法解析XML,而如何使用jquery和ajax读取,解析和显示xml 这是我的代码. $(docu ...

  6. 利用js读取xml文件

    JS读取XML文件 XML文件: <?xml version="1.0" encoding="utf-8" ?> <CATALOG>&l ...

  7. 用JS读取XML文件

    做一个菜单,需要读取服务器端的XML文件,然后根据XML文件内容拼成菜单. 读取XMLvar docMenu=new ActiveXObject("Microsoft.XMLDOM" ...

  8. LINQ to XML 建立,读取,增,删,改

    LINQ to XML的出现使得我们再也不需要使用XMLDocument这样复杂的一个个的没有层次感的添加和删除.LINQ可以使的生成的XML文档在内存中错落有致.下面以一个小的例子说名LINQ to ...

  9. android中XMl文件的读取

    废话不多说了直接上代码: 新建一个Xml文件用于读取: test.xml <Languages cat="1"><lan id="1"> ...

  10. 在C#中使用XML指南之读取XML

    对于XML,想必各位都比较了解,我也就不用费笔墨来描述它是什么了,我想在未来的Web开发中XML一定会大放异彩,XML是可扩展标记语言,使用它企业可以制定一套自己的数据格式,数据按照这种格式在网络中传 ...

最新文章

  1. ECCV2018目标检测(object detection)算法总览
  2. mysql传不进去汉字,Mysql下插入汉字失败
  3. 牛客网_PAT乙级_1028到底买不买(20)【用iterator迭代器,对两个vectorchar比较,删除相同元素】
  4. 使用自定义线程池处理并行数据库流
  5. php pdo 显示二进制,php – 在MySQL PDO中显示警告
  6. 【Kafka】kafka命令kafka-console-consumer.sh
  7. iframe标签里面的页面元素只读
  8. 2018蓝桥杯A组:方格计数(3种方法)
  9. 总结篇——mysql中使用sql语句操作表字段
  10. 高性能MySQL读书笔记——开天辟地
  11. ISO20000对高校构建IT服务管理体系的应用价值和实践意义
  12. 2022-03-02 组建raft集群实战及日志复制与主从切换调研
  13. url 后面参数说明
  14. qq音乐html5测试性格,根据你的听歌习惯测试你的性格
  15. 尼古拉*特斯拉与通古斯大爆炸
  16. 推荐给大家的一款很不错的PHP文库管理系统(九鸟文库)-php 开源系统
  17. aardio - 使用customPlus库制作弹出列表
  18. FLASH透明效果代码
  19. 一波带走,SpringBoot 中的各种参数校验方案汇总
  20. HTML5期末大作业:汽车网站设计——汽车介绍(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 学生汽车网页作业, 汽车网页作业成品, 汽车网页作业模板

热门文章

  1. 苹果pencil和普通的有什么区别?推荐好用的平替笔
  2. 中国眼镜市场销售前景分析与运营效益研究报告2021-2026年
  3. Git:版本控制控制软件
  4. 用js(javascript)完成点击一个按钮会使相应的div背景颜色发生改变
  5. mysql5.6.39免安装,win7 64位配置mysql 5.6免安装版,初始化配置和Mysql创建新用户方
  6. vscode 显示/设置隐藏文件夹
  7. ARM.CMSIS.3.20.4.pack和Keil.STM32F1xx_DFP.1.0.5.pack这两个文件的意义
  8. 什么是前后端分离技术?
  9. 电脑怎么抠图换背景?如何把白底图片变成透明?
  10. 一个点的经度和纬度,以这个点为圆心,1000米为半径,最大的经度和纬度,最小的经度和纬度