javascript 解析后的xml对象的读取方法细解


Posted in Javascript onJuly 25, 2009

读取的xml:

<svg id="svgID" key="1"> 
<desc id= "descID"> 
Text1 
</desc> 
<defs> 
Text2 
</defs> 
<g> 
text3 
</g> 
</svg>

javascript对此xml的解析方法如下:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
<script type="text/javascript"> 
<!-- 
function initXML(){ 
if (window.ActiveXObject){ 
var doc=new ActiveXObject("Microsoft.XMLDOM"); 
doc.async="false"; 
doc.load("test.xml"); 
}else{ 
var parser=new DOMParser(); 
var doc=parser.parseFromString("test.xml","text/xml"); 
} 
var xmlDoc=doc.documentElement;//获取svg对象 
xmlDoc.text;//输出svg对象中所有的text,output:text1 Text2 Text3 
xmlDoc.getAttribute("id");//输出svg对象的id,output:svgID 
xmlDocxmlDocLen=xmlDoc.childNodes.length;//输出svg对象的子节点个数,output:3 
var xmlDocxmlDocChilds=xmlDoc.childNodes;//获取svg的所有子节点 
var xmlDOcChildNode0=xmlDocChilds[0];//获取svg的第一个子节点 
var xmlDocChildNode0TagName=xmlDOcChildNode0.nodeName;//获取svg的第一个子节点的tagname,output:desc 
var xmlDocChildNode0ID=xmlDOcChildNode0.getAttribute("id");//获取svg的第一个子节点的id属性,output:descID 
var xmlDocChildNode0InnerText=xmlDOcChildNode0.Text 
xmlDocChildNode0InnerText=xmlDOcChildNode0.firstChild.nodeValue;;//获取svg的第一个子节点的text,output:Text1 
} 
// --></script> 
<title></title> 
</head> 
<body> 
<input onclick="initXML();" value="testXML" type="button" /> 
</body> 
</html>
Javascript 相关文章推荐
javascript 三种方法实现获得和设置以及移除元素属性
Mar 20 Javascript
jquery在项目中做复选框时遇到的一些问题笔记
Nov 17 Javascript
JS+CSS实现自适应选项卡宽度的圆角滑动门效果
Sep 15 Javascript
基于OL2实现百度地图ABCD marker的效果
Oct 01 Javascript
举例讲解JavaScript substring()的使用方法
Nov 09 Javascript
js仿支付宝填写支付密码效果实现多方框输入密码
Mar 09 Javascript
理解 Node.js 事件驱动机制的原理
Aug 16 Javascript
详解微信小程序之scroll-view的flex布局问题
Jan 16 Javascript
vue项目前端埋点的实现
Mar 06 Javascript
纯js实现无缝滚动功能代码实例
Feb 21 Javascript
JS定时器如何实现提交成功提示功能
Jun 12 Javascript
Openlayers实现地图全屏显示
Sep 28 Javascript
jquery 将disabled的元素置为enabled的三种方法
Jul 25 #Javascript
javaScript 判断字符串是否为数字的简单方法
Jul 25 #Javascript
利用javascript/jquery对上传文件格式过滤的方法
Jul 25 #Javascript
javascript 动态table添加colspan\rowspan 参数的方法
Jul 25 #Javascript
jquery 表单下所有元素的隐藏
Jul 25 #Javascript
运用jquery实现table单双行不同显示并能单行选中
Jul 25 #Javascript
用JQuery 实现AJAX加载XML并解析的脚本
Jul 25 #Javascript
You might like
PHP中的MYSQL常用函数(php下操作数据库必备)
2010/09/12 PHP
php用ini_get获取php.ini里变量值的方法
2015/03/04 PHP
[原创]php逐行读取txt文件写入数组的方法
2015/07/02 PHP
PHP实现获取并生成数据库字典的方法
2016/05/04 PHP
PHP实现提取多维数组指定一列的方法总结
2019/12/04 PHP
Yii使用DbTarget实现日志功能的示例代码
2020/07/21 PHP
JS 继承实例分析
2008/11/04 Javascript
JS兼容浏览器的导出Excel(CSV)文件的方法
2014/05/03 Javascript
Javascript中String的常用方法实例分析
2015/06/13 Javascript
JavaScript中数据结构与算法(三):链表
2015/06/19 Javascript
AngularJS基础 ng-click 指令示例代码
2016/08/01 Javascript
jQuery Ajax 加载数据时异步显示加载动画
2016/08/01 Javascript
d3.js实现简单的网络拓扑图实例代码
2016/11/06 Javascript
javascript实现文字无缝滚动
2016/12/27 Javascript
JavaScript利用fetch实现异步请求的方法实例
2017/07/26 Javascript
使用node打造自己的命令行工具方法教程
2018/03/26 Javascript
vue-cli3环境变量与分环境打包的方法示例
2019/02/18 Javascript
Django模板继承 extend标签实例代码详解
2019/05/16 Javascript
详解小程序BackgroundAudioManager踩坑之旅
2019/12/08 Javascript
[03:55]显微镜下的DOTA2特别篇——430灰烬之灵神级操作
2014/06/24 DOTA
Python编程中time模块的一些关键用法解析
2016/01/19 Python
python实现将一个数组逆序输出的方法
2018/06/25 Python
Pycharm配置远程调试的方法步骤
2018/12/17 Python
python调用百度地图WEB服务API获取地点对应坐标值
2019/01/16 Python
Python 网络编程之UDP发送接收数据功能示例【基于socket套接字】
2019/10/11 Python
Python concurrent.futures模块使用实例
2019/12/24 Python
python日期与时间戳的各种转换示例
2020/02/12 Python
Python opencv相机标定实现原理及步骤详解
2020/04/09 Python
django models里数据表插入数据id自增操作
2020/07/15 Python
Python如何将模块打包并发布
2020/08/30 Python
女性时尚网购:Chic Me
2019/07/30 全球购物
公司年终奖分配方案
2014/06/16 职场文书
酒店七夕情人节活动策划方案
2014/08/24 职场文书
Python机器学习实战之k-近邻算法的实现
2021/11/27 Python
MySQL 分区表中分区键为什么必须是主键的一部分
2022/03/17 MySQL
Win11更新失败并提示0xc1900101
2022/04/19 数码科技