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 相关文章推荐
jQuery插件-jRating评分插件源码分析及使用方法
Dec 28 Javascript
jquery入门—选择器实现隔行变色实例代码
Jan 04 Javascript
构造函数+原型模式构造js自定义对象(最通用)
May 12 Javascript
JavaScript类型系统之正则表达式
Jan 05 Javascript
Jquery zTree 树控件异步加载操作
Feb 25 Javascript
AngularJs 动态加载模块和依赖
Sep 15 Javascript
详谈Node.js之操作文件系统
Aug 29 Javascript
详解如何优雅地在React项目中使用Redux
Dec 28 Javascript
基于node搭建服务器,写接口,调接口,跨域的实例
May 13 Javascript
Vue.js实现可排序的表格组件功能示例
Feb 19 Javascript
ES6入门教程之let、const的使用方法
Apr 13 Javascript
微信小程序 setData 对 data数据影响问题
Apr 18 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
预告映像公开!第1章续篇剧场版动画《Princess Principal Crown Handler》4月10日上映!
2020/03/06 日漫
WIN98下Apache1.3.14+PHP4.0.4的安装
2006/10/09 PHP
php时间不正确的解决方法
2008/04/09 PHP
php模拟js函数unescape的函数代码
2012/10/20 PHP
phpexcel导出excel的颜色和网页中的颜色显示不一致
2012/12/11 PHP
PHP魔术方法__GET、__SET使用实例
2014/11/25 PHP
Yii输入正确验证码却验证失败的解决方法
2017/06/06 PHP
javascript forEach通用循环遍历方法
2010/10/11 Javascript
jQuery中jqGrid分页实现代码
2011/11/04 Javascript
使用js+jquery实现无限极联动
2013/05/23 Javascript
JavaScript中prototype为对象添加属性的误区介绍
2013/10/15 Javascript
js控制input输入字符解析
2013/12/27 Javascript
jquery序列化表单去除指定元素示例代码
2014/04/10 Javascript
JavaScript脚本库编写的方法
2015/12/09 Javascript
BootStrap和jQuery相结合实现可编辑表格
2016/04/21 Javascript
JS判断iframe是否加载完成的方法
2016/08/03 Javascript
three.js快速入门【推荐】
2017/01/21 Javascript
js判断数组是否包含某个字符串变量的实例
2017/11/24 Javascript
微信小程序wx.previewImage预览图片实例详解
2017/12/07 Javascript
使用vue重构资讯页面的实例代码解析
2019/11/26 Javascript
vue图片上传组件使用详解
2019/12/23 Javascript
js 执行上下文和作用域的相关总结
2021/02/08 Javascript
Python中对象迭代与反迭代的技巧总结
2016/09/17 Python
Python实现获取磁盘剩余空间的2种方法
2017/06/07 Python
Python中标准库OS的常用方法总结大全
2017/07/19 Python
Python中的__init__作用是什么
2020/06/09 Python
Python 如何实现访问者模式
2020/07/28 Python
Python3 用什么IDE开发工具比较好
2020/11/28 Python
css3遮罩层镂空效果的多种实现方法
2020/05/11 HTML / CSS
如何使用canvas绘制可移动网格的示例代码
2020/12/14 HTML / CSS
爱尔兰最大的体育零售商:Life Style Sports
2019/06/12 全球购物
律师函格式范本
2015/05/27 职场文书
领导干部学习十八届五中全会精神心得体会
2016/01/05 职场文书
2016年党员承诺书范文
2016/03/24 职场文书
手把手教你实现PyTorch的MNIST数据集
2021/06/28 Python
Nginx进程调度问题详解
2021/09/25 Servers