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 document.images实例
May 27 Javascript
jquery 图片截取工具jquery.imagecropper.js
Apr 09 Javascript
jquery获取元素值的方法(常见的表单元素)
Nov 15 Javascript
jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签
Mar 29 Javascript
jQuery移动端日期(datedropper)和时间(timedropper)选择器附源码下载
Apr 19 Javascript
Bootstrap学习笔记之js组件(4)
Jun 12 Javascript
js style.display=block显示布局错乱问题的解决方法
Sep 21 Javascript
Textarea输入字数限制实例(兼容iOS&amp;安卓)
Jul 06 Javascript
Vue用v-for给src属性赋值的方法
Mar 03 Javascript
详解React之父子组件传递和其它一些要点
Jun 25 Javascript
React Native登录之指纹登录篇的示例代码
Nov 03 Javascript
React更新渲染原理深入分析
Dec 24 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
批量获取memcache值并按key的顺序返回的实现代码
2011/06/14 PHP
PHP时间类完整实例(非常实用)
2015/12/25 PHP
PHP中用mysqli面向对象打开连接关闭mysql数据库的方法
2016/11/05 PHP
php实现的中秋博饼游戏之掷骰子并输出结果功能详解
2017/11/06 PHP
js中将字符串转换成json的三种方式
2011/01/12 Javascript
javascript类型转换使用方法
2014/02/08 Javascript
javascript写的一个模拟阅读小说的程序
2014/04/04 Javascript
jquery实现的鼠标拖动排序Li或Table
2014/05/04 Javascript
node.js实现多图片上传实例
2014/06/03 Javascript
使用nodejs开发cli项目实例
2015/06/03 NodeJs
浅析javascript的return语句
2015/12/15 Javascript
javascript随机抽取0-100之间不重复的10个数
2016/02/25 Javascript
js动态添加的DIV中的onclick事件简单实例
2016/07/25 Javascript
jQuery点击头像上传并预览图片
2017/02/23 Javascript
JS匿名函数和匿名自执行函数概念与用法分析
2018/03/16 Javascript
JavaScript常见事件处理程序实例总结
2019/01/05 Javascript
[01:20:38]完美世界DOTA2联赛 GXR vs IO 第一场 11.07
2020/11/09 DOTA
Python 搭建Web站点之Web服务器网关接口
2016/11/06 Python
Python实现PS滤镜特效之扇形变换效果示例
2018/01/26 Python
pandas按若干个列的组合条件筛选数据的方法
2018/04/11 Python
python使用zip将list转为json的方法
2018/12/31 Python
Python 运行.py文件和交互式运行代码的区别详解
2019/07/02 Python
Python基于Socket实现简单聊天室
2020/02/17 Python
如何基于windows实现python定时爬虫
2020/05/01 Python
使用Python FastAPI构建Web服务的实现
2020/06/08 Python
matplotlib 生成的图像中无法显示中文字符的解决方法
2020/06/10 Python
Pycharm打开已有项目配置python环境的方法
2020/07/03 Python
基于IE10/HTML5 开发
2013/04/22 HTML / CSS
日本著名的平价时尚女性购物网站:Fifth
2016/08/24 全球购物
环境科学专业个人求职信
2013/09/26 职场文书
经销商培训邀请函
2014/01/21 职场文书
药店促销活动策划方案
2014/08/24 职场文书
财务统计员岗位职责
2015/04/14 职场文书
学生犯错保证书
2015/05/09 职场文书
入党转正申请自我鉴定
2019/06/25 职场文书
Python+tkinter实现高清图片保存
2022/03/13 Python