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 相关文章推荐
JS的IE和Firefox兼容性集锦
Dec 11 Javascript
jQuery页面滚动浮动层智能定位实例代码
Aug 23 Javascript
JQuery中关于jquery.js与jquery.min.js的比较探讨
May 15 Javascript
Jquery实现地铁线路指示灯提示牌效果的方法
Mar 02 Javascript
关于微信中a链接无法跳转问题
Aug 02 Javascript
jQuery webuploader分片上传大文件
Nov 07 Javascript
基于JavaScript实现窗口拖动效果
Jan 18 Javascript
vue实现单选和多选功能
Aug 11 Javascript
JQuery 获取多个select标签option的text内容(实例)
Sep 07 jQuery
Vue父子组件双向绑定传值的实现方法
Jul 31 Javascript
JavaScript实现网页计算器功能
Oct 29 Javascript
vue 解决在微信内置浏览器中调用支付宝支付的情况
Nov 09 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
资料注册后发信小技巧
2006/10/09 PHP
php动态变量定义及使用
2015/06/10 PHP
PHP+ajax实现上传、删除、修改单张图片及后台处理逻辑操作详解
2020/02/12 PHP
js脚本学习 比较实用的基础
2006/09/07 Javascript
jquery判断单个复选框是否被选中的代码
2009/09/03 Javascript
JQuery 1.4 中的Ajax问题
2010/01/23 Javascript
Javascript图像处理—为矩阵添加常用方法
2012/12/27 Javascript
javascript分页代码实例分享(js分页)
2013/12/13 Javascript
js获取元素相对窗口位置的实现代码
2014/09/28 Javascript
浅谈关于JavaScript API设计的一些建议和准则
2015/06/24 Javascript
基于jQuery实现交互体验社会化分享代码附源码下载
2016/01/04 Javascript
jQuery插件FusionCharts绘制的3D双柱状图效果示例【附demo源码】
2017/04/20 jQuery
MUI实现上拉加载和下拉刷新效果
2017/06/30 Javascript
你应该知道的几类npm依赖包管理详解
2017/10/06 Javascript
vue 中的keep-alive实例代码
2018/07/20 Javascript
Swiper实现导航栏滚动效果
2020/10/16 Javascript
[50:58]2018DOTA2亚洲邀请赛3月29日 小组赛A组OpTic VS Newbee
2018/03/30 DOTA
利用Python画ROC曲线和AUC值计算
2016/09/19 Python
pandas删除指定行详解
2019/04/04 Python
Python传递参数的多种方式(小结)
2019/09/18 Python
python使用正则表达式(Regular Expression)方法超详细
2019/12/30 Python
Python如何访问字符串中的值
2020/02/09 Python
使用遗传算法求二元函数的最小值
2020/02/11 Python
HTML5之SVG 2D入门13—svg对决canvas及长处和适用场景分析
2013/01/30 HTML / CSS
美国奢侈品购物平台:Orchard Mile
2018/05/02 全球购物
一家外企的面试题目(C/C++面试题,C语言面试题)
2014/03/24 面试题
区域销售主管岗位职责
2014/06/15 职场文书
小学数学课题方案
2014/06/15 职场文书
幼儿园安全责任书范本
2014/07/24 职场文书
励志演讲稿3分钟
2014/08/21 职场文书
小学优秀教师先进事迹材料
2014/12/16 职场文书
教师党员自我评价范文
2015/03/04 职场文书
《鲁滨逊漂流记》之六读后感(4篇)
2019/09/29 职场文书
PyQt5实现多张图片显示并滚动
2021/06/11 Python
CSS3中Animation实现简单的手指点击动画的示例
2021/07/15 HTML / CSS
Mysql数据库中datetime、bigint、timestamp来表示时间选择,谁来存储时间效率最高
2021/08/23 MySQL