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 相关文章推荐
Auntion-TableSort国人写的一个javascript表格排序的东西
Nov 12 Javascript
js面向对象编程之如何实现方法重载
Jul 02 Javascript
js控制div弹出层实现方法
May 11 Javascript
JavaScript实现定时隐藏与显示图片的方法
Aug 06 Javascript
JavaScript cookie详解及简单实例应用
Dec 31 Javascript
Angular2学习教程之组件中的DOM操作详解
May 28 Javascript
深入探究angular2 UI组件之primeNG用法
Jul 26 Javascript
AngularJS中重新加载当前路由页面的方法
Mar 09 Javascript
对vue事件的延迟执行实例讲解
Aug 28 Javascript
JavaScript键盘事件响应顺序详解
Sep 30 Javascript
bootstrapValidator表单校验、更改状态、新增、移除校验字段的实例代码
May 19 Javascript
js canvas实现俄罗斯方块
Oct 11 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 什么是PEAR?
2009/03/19 PHP
php安全之直接用$获取值而不$_GET 字符转义
2012/06/03 PHP
几个实用的PHP内置函数使用指南
2014/11/27 PHP
简单实现php上传文件功能
2017/09/21 PHP
自写的利用PDO对mysql数据库增删改查操作类
2018/02/19 PHP
表单(FORM)的一些实用效果代码
2007/03/25 Javascript
jquery动态加载图片数据练习代码
2011/08/04 Javascript
javascript通过className来获取元素的简单示例代码
2014/01/10 Javascript
JavaScript中的函数重载深入理解
2014/08/04 Javascript
推荐5 个常用的JavaScript调试技巧
2015/01/08 Javascript
node.js中格式化数字增加千位符的几种方法
2015/07/03 Javascript
Bootstrap组件系列之福利篇几款好用的组件(推荐二)
2016/07/12 Javascript
Bootstrap轮播图的使用和理解4
2016/12/14 Javascript
详解数组Array.sort()排序的方法
2020/05/09 Javascript
Vue父子模版传值及组件传值的三种方法
2017/11/27 Javascript
vue非父子组件通信问题及解决方法
2018/06/11 Javascript
微信小程序实现基于三元运算验证手机号/姓名功能示例
2019/01/19 Javascript
vue封装swiper代码实例解析
2019/10/08 Javascript
vue-父子组件和ref实例详解
2019/11/10 Javascript
vue+element获取el-table某行的下标,根据下标操作数组对象方式
2020/08/07 Javascript
Python 实现链表实例代码
2017/04/07 Python
Python代码太长换行的实现
2019/07/05 Python
关于ZeroMQ 三种模式python3实现方式
2019/12/23 Python
python中pdb模块实例用法
2021/01/15 Python
加拿大约会网站:EliteSingles.ca
2018/01/12 全球购物
印度电子产品购物网站:Vijay Sales
2021/02/16 全球购物
Jdbc数据访问技术面试题
2012/03/30 面试题
管理信息系学生的自我评价
2014/01/11 职场文书
2014年国庆节寄语
2014/09/19 职场文书
个人四风问题原因分析及整改措施
2014/09/28 职场文书
离婚协议书怎么写(范本参考)
2014/09/30 职场文书
2014年扶贫工作总结
2014/11/18 职场文书
财产保全担保书
2015/01/20 职场文书
客户付款通知书
2015/04/23 职场文书
傅雷家书读书笔记
2015/06/29 职场文书
教师节大会主持词
2015/07/06 职场文书