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脚本编程解决考试分数统计问题
Oct 18 Javascript
JavaScript字符串插入、删除、替换函数使用示例
Jul 25 Javascript
javascript面向对象之访问对象属性的两种方式分析
Jan 13 Javascript
JavaScript实现带缓冲效果的随屏滚动漂浮广告代码
Nov 06 Javascript
javascript中获取元素标签中间的内容的实现方法
Oct 08 Javascript
详解微信小程序开发之——wx.showToast(OBJECT)的使用
Jan 18 Javascript
关于vue-router路径计算问题
May 10 Javascript
bootstrap模态框示例代码分享
May 17 Javascript
Vue2.0实现将页面中表格数据导出excel的实例
Aug 09 Javascript
深入理解ES6的迭代器与生成器
Aug 19 Javascript
JavaScript模拟实现封装的三种方式及写法区别
Oct 27 Javascript
Electron 调用命令行(cmd)
Sep 23 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
对squid中refresh_pattern的一些理解和建议
2009/04/17 PHP
PHP 批量删除数据的方法分析
2009/10/30 PHP
PHP中static关键字原理的学习研究分析
2011/07/18 PHP
基于CI框架的微信网页授权库示例
2016/11/25 PHP
javascript函数中的arguments参数
2010/08/01 Javascript
jquery.qrcode在线生成二维码使用示例
2013/08/21 Javascript
jquery的选择器的使用技巧之如何选择input框
2013/09/22 Javascript
目前流行的JavaScript库的介绍及对比
2013/09/29 Javascript
JavaScript实现简洁的俄罗斯方块完整实例
2016/03/01 Javascript
浅析ES6的八进制与二进制整数字面量
2016/08/30 Javascript
详解javascript表单的Ajax提交插件的使用
2016/12/29 Javascript
JavaScript的六种继承方式(推荐)
2017/06/26 Javascript
详解Node中导入模块require和import的区别
2017/08/11 Javascript
javaScript中的空值和假值
2017/12/18 Javascript
深入Vue-Router路由嵌套理解
2018/08/13 Javascript
vue首次赋值不触发watch的解决方法
2018/09/11 Javascript
vue 界面刷新数据被清除 localStorage的使用详解
2018/09/16 Javascript
如何使用electron-builder及electron-updater给项目配置自动更新
2018/12/24 Javascript
Windows下Node爬虫神器Puppeteer安装记
2019/01/09 Javascript
Vue代码整洁之去重方法整理
2019/08/06 Javascript
Vue实现星级评价效果实例详解
2019/12/30 Javascript
python 请求服务器的实现代码(http请求和https请求)
2018/05/25 Python
和孩子一起学习python之变量命名规则
2018/05/27 Python
Pycharm简单使用教程(入门小结)
2019/07/04 Python
python 实现生成均匀分布的点
2019/12/05 Python
在python image 中实现安装中文字体
2020/05/16 Python
pytorch 限制GPU使用效率详解(计算效率)
2020/06/27 Python
Java面试笔试题大全
2016/11/23 面试题
党的群众教育实践活动实施方案
2014/06/12 职场文书
庆国庆国旗下讲话稿2014
2014/09/21 职场文书
申报优秀教师材料
2014/12/16 职场文书
2014年银行年终工作总结
2014/12/19 职场文书
Ajax 的初步实现(使用vscode+node.js+express框架)
2021/06/18 Javascript
CSS3中Animation实现简单的手指点击动画的示例
2021/07/15 HTML / CSS
python代码实现扫码关注公众号登录的实战
2021/11/01 Python
通过feDisplacementMap和feImage实现水波特效
2022/04/24 HTML / CSS