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的千分位算法实现思路
Jul 31 Javascript
jQuery Ajax()方法使用指南
Nov 19 Javascript
jQuery插件zoom实现图片全屏放大弹出层特效
Apr 15 Javascript
实例讲解JavaScript中instanceof运算符的用法
Jun 08 Javascript
jQuery实现带延时功能的水平多级菜单效果【附demo源码下载】
Sep 21 Javascript
[原创]JS基于FileSaver.js插件实现文件保存功能示例
Dec 08 Javascript
利用Chrome DevTools直接调试Node.js和JavaScript的方法详解(并行)
Feb 16 Javascript
基于AngularJS的简单使用详解
Sep 10 Javascript
封装运动框架实战左右与上下滑动的焦点轮播图(实例)
Oct 17 Javascript
一次记住JavaScript的6个正则表达式方法
Feb 22 Javascript
vue 界面刷新数据被清除 localStorage的使用详解
Sep 16 Javascript
利用React高阶组件实现一个面包屑导航的示例
Aug 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
探讨PHP函数ip2long转换IP时数值太大产生负数的解决方法
2013/06/06 PHP
PHP创建XML接口示例
2019/07/04 PHP
Javascript 遍历对象中的子对象
2009/07/03 Javascript
JavaScript 获取当前时间戳的代码
2010/08/05 Javascript
AlertBox 弹出层信息提示框效果实现步骤
2010/10/11 Javascript
js弹出框轻量级插件jquery.boxy使用介绍
2013/01/15 Javascript
js中的getAttribute方法使用示例
2014/08/01 Javascript
jquery获取节点名称
2015/04/26 Javascript
Bootstrap+jfinal退出系统弹出确认框的实现方法
2016/05/30 Javascript
Javascript Function.prototype.bind详细分析
2016/12/29 Javascript
JavaScript异步上传图片文件的实例代码
2017/07/04 Javascript
vue-cli脚手架config目录下index.js配置文件的方法
2018/03/13 Javascript
angularJS1 url中携带参数的获取方法
2018/10/09 Javascript
vue draggable resizable gorkys与v-chart使用与总结
2019/09/05 Javascript
python提示No module named images的解决方法
2014/09/29 Python
python实现按行切分文本文件的方法
2016/04/18 Python
Python分析学校四六级过关情况
2017/11/22 Python
Django框架的中的setting.py文件说明详解
2018/10/15 Python
Python深拷贝与浅拷贝用法实例分析
2019/05/05 Python
int在python中的含义以及用法
2019/06/27 Python
简单了解python gevent 协程使用及作用
2019/07/22 Python
python实现日志按天分割
2019/07/22 Python
Python高级编程之继承问题详解(super与mro)
2019/11/19 Python
Python解析多帧dicom数据详解
2020/01/13 Python
Python-openCV开运算实例
2020/07/05 Python
python collections模块的使用
2020/10/16 Python
python time.strptime格式化实例详解
2021/02/03 Python
Python基于爬虫实现全网搜索并下载音乐
2021/02/14 Python
使用HTML5里的classList操作CSS类
2016/06/28 HTML / CSS
法国足球商店:Footcenter
2019/07/06 全球购物
屈臣氏菲律宾官网:Watsons菲律宾
2020/06/30 全球购物
关于读书的活动方案
2014/08/14 职场文书
无刑事犯罪记录证明
2014/09/18 职场文书
婚礼父母致辞
2015/07/28 职场文书
《一面五星红旗》教学反思
2016/02/23 职场文书
高考要来啦!用Python爬取历年高考数据并分析
2021/06/03 Python