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 相关文章推荐
jQuery AnythingSlider滑动效果插件
Feb 07 Javascript
js setTimeout 常见问题小结
Aug 13 Javascript
两个数组去重的JS代码
Dec 04 Javascript
基于JS实现新闻列表无缝向上滚动实例代码
Jan 22 Javascript
AngularJS基础 ng-mouseleave 指令详解
Aug 02 Javascript
JS验证 只能输入小数点,数字,负数的实现方法
Oct 07 Javascript
HTML页面定时跳转方法解析(2种任选)
Dec 22 Javascript
webpack 样式加载的实现原理
Jun 12 Javascript
vue弹窗插件实战代码
Sep 08 Javascript
小程序获取当前位置加搜索附近热门小区及商区的方法
Apr 08 Javascript
no-vnc和node.js实现web远程桌面的完整步骤
Aug 11 Javascript
浅谈vue限制文本框输入数字的正确姿势
Sep 02 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
ThinkPHP实现将本地文件打包成zip下载
2014/06/26 PHP
详解Grunt插件之LiveReload实现页面自动刷新(两种方案)
2015/07/31 PHP
AES加解密在php接口请求过程中的应用示例
2016/10/26 PHP
微信开发之php表单微信中自动提交两次问题解决办法
2017/01/08 PHP
Laravel中任务调度console使用方法小结
2017/05/07 PHP
laravel 去掉index.php伪静态的操作方法
2019/10/12 PHP
Gambit vs ForZe BO3 第三场 2.13
2021/03/10 DOTA
比Jquery的document.ready更快的方法
2010/04/28 Javascript
关于JavaScript与HTML的交互事件
2013/04/12 Javascript
JS去除字符串两端空格的简单实例
2013/12/27 Javascript
jQuery中[attribute!=value]选择器用法实例
2014/12/31 Javascript
js添加绑定事件的方法
2016/05/15 Javascript
jQuery插件学习教程之SlidesJs轮播+Validation验证
2016/07/12 Javascript
jQuery扩展实现text提示还能输入多少字节的方法
2016/11/28 Javascript
js实现无缝滚动图(可控制当前滚动的方向)
2017/02/22 Javascript
详解Angular2学习笔记之Html属性绑定
2018/01/03 Javascript
Vue-Router基础学习笔记(小结)
2018/10/15 Javascript
微信小程序实现简易table表格
2020/06/19 Javascript
vue+element创建动态的form表单及动态生成表格的行和列
2019/05/20 Javascript
JavaScript监听触摸事件代码实例
2019/12/30 Javascript
使用Vue 自定义文件选择器组件的实例代码
2020/03/04 Javascript
python Django框架实现自定义表单提交
2016/03/25 Python
python中dict字典的查询键值对 遍历 排序 创建 访问 更新 删除基础操作方法
2018/09/13 Python
Python字典遍历操作实例小结
2019/03/05 Python
一文了解Python并发编程的工程实现方法
2019/05/31 Python
python常用库之NumPy和sklearn入门
2019/07/11 Python
python删除文件夹下相同文件和无法打开的图片
2019/07/16 Python
Python实现迪杰斯特拉算法并生成最短路径的示例代码
2020/12/01 Python
Hunkemöller瑞士网上商店:欧洲最大的内衣品牌之一
2018/12/03 全球购物
大学生的四年学习自我评价
2013/12/13 职场文书
音乐教学随笔感言
2014/02/19 职场文书
纪检干部个人对照检查材料
2014/09/23 职场文书
学校党的群众路线教育实践活动对照检查材料
2014/09/24 职场文书
病房管理制度范本
2015/08/06 职场文书
HTML页面滚动时部分内容位置固定不滚动的实现
2021/04/14 HTML / CSS
Android中的Launch Mode详情
2022/06/05 Java/Android