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 for循环设法提高性能
Feb 24 Javascript
javascript中2个感叹号的用法实例详解
Sep 04 Javascript
使用jQueryMobile实现滑动翻页效果的方法
Feb 04 Javascript
jquery无限级联下拉菜单简单实例演示
Nov 23 Javascript
Mvc提交表单的四种方法全程详解
Aug 10 Javascript
JS实现页面进入和返回定位到具体位置
Dec 08 Javascript
JavaScript定时器制作弹窗小广告
Feb 05 Javascript
Bootstrap fileinput 上传新文件移除时触发服务器同步删除的配置
Oct 08 Javascript
JavaScript惰性求值的一种实现方法示例
Jan 11 Javascript
ElementUI之Message功能拓展详解
Oct 18 Javascript
Vue执行方法,方法获取data值,设置data值,方法传值操作
Aug 05 Javascript
前端vue+elementUI如何实现记住密码功能
Sep 20 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中file_get_contents与curl性能比较分析
2014/11/08 PHP
php验证码实现代码(3种)
2015/09/07 PHP
PHP程序中的文件锁、互斥锁、读写锁使用技巧解析
2016/03/21 PHP
joomla组件开发入门教程
2016/05/04 PHP
中高级PHP程序员应该掌握哪些技术?
2016/09/23 PHP
php设计模式之原型模式分析【星际争霸游戏案例】
2020/03/23 PHP
Aster vs KG BO3 第三场2.19
2021/03/10 DOTA
jQuery温习篇 强大的JQuery选择器
2010/04/24 Javascript
javascript中获取class的简单实现
2016/07/12 Javascript
Vue.js原理分析之observer模块详解
2017/02/17 Javascript
Nodejs进阶:express+session实现简易登录身份认证
2017/04/24 NodeJs
vue中动态绑定表单元素的属性方法
2018/02/23 Javascript
jQuery幻灯片插件owlcarousel参数说明中文文档
2018/02/27 jQuery
react redux入门示例
2018/04/19 Javascript
electron中使用bootstrap的示例代码
2018/11/06 Javascript
vuex 动态注册方法 registerModule的实现
2019/07/03 Javascript
js实现小时钟效果
2020/03/25 Javascript
精读《Vue3.0 Function API》
2020/05/20 Javascript
VUE : vue-cli中去掉路由中的井号#操作
2020/09/04 Javascript
[05:20]2018DOTA2亚洲邀请赛主赛事第三日战况回顾 LGD率先挺进胜者组决赛
2018/04/06 DOTA
[01:30:15]DOTA2-DPC中国联赛 正赛 Ehome vs Aster BO3 第二场 2月2日
2021/03/11 DOTA
python封装对象实现时间效果
2020/04/23 Python
Python编程判断这天是这一年第几天的方法示例
2017/04/18 Python
Python中index()和seek()的用法(详解)
2017/04/27 Python
用python 批量更改图像尺寸到统一大小的方法
2018/03/31 Python
Python分割指定页数的pdf文件方法
2018/10/26 Python
Python中new方法的详解
2019/01/15 Python
解决python对齐错误的方法
2020/07/16 Python
详解Django ORM引发的数据库N+1性能问题
2020/10/12 Python
IE支持HTML5的解决方法
2009/10/20 HTML / CSS
应聘医学检验人员自荐信
2013/09/27 职场文书
精彩的大学生自我评价
2013/11/17 职场文书
英文自荐信常用句子
2014/03/26 职场文书
2014年教师节演讲稿范文
2014/09/10 职场文书
学子宴致辞大全
2015/07/27 职场文书
java高级用法JNA强大的Memory和Pointer
2022/04/19 Java/Android