在html中解析xml文件(javascript 读取)

最新推荐文章于 2024-05-05 09:54:51 发布
最新推荐文章于 2024-05-05 09:54:51 发布
阅读量5.1k 收藏 2
点赞数
分类专栏： HTML5
[html]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. <?xml version="1.0"?>  
  2.   
  3. <note>  
  4. <to>George</to>  
  5. <from>John</from>  
  6. <heading>Reminder</heading>  
  7. <body>Don't forget the meeting!</body>  
  8. <lastname>Simth</lastname>  
  9.   
  10. </note>  


以上是note.xml的内容。

下面note.html是解析note.xml的内容：

[html]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. <html>  
  2.   
  3. <head>  
  4.   
  5.     <script type="text/javascript">  
  6.       
  7.         function parseXML(){  
  8.               
  9.             try{  
  10.                   
  11.                 xmlDoc= new ActiveXObject("Microsoft.XMLDOM");  
  12.             }catch(e){  
  13.                   
  14.                 try{  
  15.                       
  16.                     xmlDoc= document.implementation.createDocument("","",null);  
  17.                 }catch(e){  
  18.                       
  19.                     alert(e.message);  
  20.                     return;  
  21.                 }  
  22.             }  
  23.             xmlDoc.async = false;  
  24.             xmlDoc.load("../xml/note.xml");  
  25.               
  26.             document.getElementById("to").innerHTML=xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;  
  27.             document.getElementById("from").innerHTML=xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;  
  28.             document.getElementById("message").innerHTML=xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;  
  29.         }  
  30.     </script>  
  31. </head>  
  32. <body onload="parseXML()">  
  33.   
  34.     <h1>W3School.com.cn Internal Note</h1>  
  35.     <p><b>To:</b><span id="to"></span><br/>  
  36.     <b>From:</b><span id="from"></span><br/>  
  37.     <b>Message:</b><span id="message"></span>  
  38.     <p>  
  39.       
  40.       
  41. </body>  
  42.   
  43. </html>  
微嵌电子
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
js读取xml文件并获取文件内容
03-21
js读取xml文件并获取文件内容
JavaScript 解析读取XML文档 实例代码
12-11
JavaScript解析读取XML文件，主要就是加载并解析XML文件，然后就可以测试解析的XML文件的内容，打印输出来。 在线演示：http://demo.jb51.net/js/2012/readxml/注：测试的时候需要在网站中测试，iis或apache中，注意...
在html中引用XML
Sammy Lan-Promises Don't Come Easy!
05-09 1859
在html中引用XML:1.  内联XML包含在和标记之内2.  html中的标记使用datasrc属性引用内联xml3.  使用 datafld属性引用xml中的某一列,或者引用$Text文本数据域来现实引用所有列First.html:          1/1/99      9:00      104           
JavaScript 中 xml 的解析（jsoup 解析器）
最新发布
2401_84152189的博客
05-05 674
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
xml解析
m0_53151031的博客
07-29 1167
前言：昨天与大家分享了DTD的一些知识，今天与大家分享的是xml解析，xml在整个前端中是很重要。跟着思维导图来看看我今天要分享东西。 一、JAVA中配置文件的三种位置以及读取方式 1、在同一包中： 读取方式：直接写文件名（如图所示） 2、在同一根目录下（与src资源并列） 读取方式：在路径前面要加"/",不然会报错。（注意：一定一定要加"/"） 3、在WEB-INF中 读取方式：因为是存放在web-inf目录下，情况比较特殊，不能被外界直接访问...
html解析xml字符串,您能否举例说明为什么用正则表达式解析XML和HTML很困难？
weixin_42309722的博客
06-16 116
其实是无效的HTML，也不是有效的XML。它不是有效的XML，因为'＆lt;' 和'＆gt;' 属性字符串中的有效字符不是。 它们需要使用相应的XML实体进行转义＆amp; lt; 和＆amp; gt;它不是有效的HTML，因为HTML中不允许使用简短的结束表单(但在XML和XHTML中是正确的)。 根据HTML 4.01规范，'img'标记也是隐式封闭标记。 这意味着手动关闭它实际上是错误的，相...
JavaScript读取xml文件内容.zip
01-29
js读取Xml文件内容.zip
javascript 解析后的xml对象的读取方法细解
10-29
在 JavaScript 中解析 XML 对象是一个常见的操作，但对于初学者来说，可能会感到困惑。因此，本文将详细介绍 JavaScript 解析后的 XML 对象的读取方法。 首先，我们需要了解 XML 是什么？XML（Extensible Markup ...
xml 封装与解析(javascript和C#中)
10-29
在JavaScript和C#中，处理XML的方式有所不同，但核心概念是一致的，即解析XML文档以获取数据，或者封装数据到XML结构中以便传输或保存。 ### XML解析（JavaScript） 在JavaScript中，解析XML主要有两种方式： 1. ...
解析xml文件导入数据，并在前端分页展示
11-26
利用dom4j架包获取xnl节点，导入数据库，并用分页架包在前端分页展示
js解析XML文件
01-08
利用JAVASCRIPT读取XML文件、解析
如何在HTML中引用XML数据（转）
weixin_33901926的博客
12-28 258
1,内嵌XML数据 &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html;charset=gb2312"&gt; &lt;title&gt;第一次亲密接触(非痞子蔡版,请不要理解为侵权)&lt;/title&gt; &lt;/head&gt; &lt;body
前端解析xml
weixin_42863883的博客
10-19 1393
xml 解析 soap
html中怎样调用xml,HTML中调用XML数据实例
weixin_42367233的博客
06-04 625
首先：我们要弄明白HTML和XML区别：XML 不是 HTML 的替代；XML 和 HTML 为不同的目的而设计；XML 被设计为传输和存储数据，其焦点是数据的内容；HTML 被设计用来显示数据，其焦点是数据的外观；HTML 旨在显示信息，而 XML 旨在传输信息。为了方便大家理解它们之间的差异：下面是一个简单的 HTML中调用XML数据实例：共两个文件 (放在一起哦)：命名为：myxml.xml...
前端js中解析XML文件（一）
javadxz的专栏
07-27 7445
IE浏览器中的XML解析器是通过ActiveX控件所实现的，，通过以下的代码来引用XML解析器。var xmldoc = new ActiveXObject("Microsoft.XMLDOM");以上的代码可以创建一个XMLDOM对象，使用该对象可以加载一个XML文件，加载方式
在html文件引用html文件
鬼谷中妖
09-26 2207
最近公司要求模块化开发。在开发首页的时候，分为header.html，index.html，footer.html分为三个文件，然后像jsp的include一样。 找了半天，才在一个外网上找到一个。 链接：http://www.w3schools.com/howto/howto_html_include.asp 可能需要翻墙 方法如下： 1.引入js文件； 2.在页面加上你要引入的页面
js框架解析xml页面
吉祥小家
08-19 164
关于script标签type属性的一些用法求解:http://segmentfault.com/q/1010000002770926javascript解析xml字符串的函数:http://www.jb51.net/article/14604.htm
html里面包含xml,如何通过包含HTML的XML进行解析
weixin_29587591的博客
06-22 400
我试图用Python解析Adium的XML格式。我想建立一个干净的数据库聊天，但清除所有的格式和超链接。你知道吗我现在正在使用xmltodict创建列表/字典来遍历它。但每当我点击超链接或文本格式时，都会遇到大问题。我想是因为我正试图通过XML强行访问。它将附加标记放在列表/字典的更深处。你知道吗基本上，我觉得我走错了方向。你知道吗下面是我正在使用的XML的两个片段。你知道吗XML 1time i...
html怎么加载xml文档,在html中解析xml文件(javascript 读取)
05-17
在 HTML 中，可以通过 JavaScript 读取和解析 XML 文件。下面是一种常见的方法： 1. 首先，创建 XMLHttpRequest 对象： ```javascript var xhttp = new XMLHttpRequest(); ``` 2. 然后，使用 `open()` 方法打开 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值