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的面向对象(二)
Nov 09 Javascript
ImageFlow可鼠标控制图片滚动
Jan 30 Javascript
JS判断数组中是否有重复值得三种实用方法
Aug 16 Javascript
js动态控制table的tr、td增加及删除的具体实现
Apr 30 Javascript
JavaScript分析、压缩工具JavaScript Analyser
Dec 31 Javascript
JS中获取函数调用链所有参数的方法
May 07 Javascript
js闭包所用的场合以及优缺点分析
Jun 22 Javascript
详解vue项目构建与实战
Jun 27 Javascript
使用Bootrap和Vue实现仿百度搜索功能
Oct 26 Javascript
微信小程序自定义底部导航带跳转功能
Nov 27 Javascript
vue响应式更新机制及不使用框架实现简单的数据双向绑定问题
Jun 27 Javascript
bootstrap table实现横向合并与纵向合并
Jul 18 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
关于我转生变成史莱姆这档事:第二季PV上线,萌王2021年回归
2020/05/06 日漫
Linux fgetcsv取得的数组元素为空字符串的解决方法
2011/11/25 PHP
PHP获取远程图片并保存到本地的方法
2015/05/12 PHP
IE中图片的onload事件无效问题和解决方法
2014/06/06 Javascript
一个简单的动态加载js和css的jquery代码
2014/09/01 Javascript
用C/C++来实现 Node.js 的模块(一)
2014/09/24 Javascript
JavaScript的instanceof运算符学习教程
2016/06/08 Javascript
详解JavaScript跨域总结与解决办法
2016/10/31 Javascript
canvas绘制环形进度条
2017/02/23 Javascript
BootStrap中jQuery插件Carousel实现轮播广告效果
2017/03/27 jQuery
Vue ElementUI之Form表单验证遇到的问题
2017/08/21 Javascript
微信小程序js文件改变参数并在视图上及时更新【推荐】
2018/06/11 Javascript
微信小程序自定义select下拉选项框组件的实现代码
2018/08/28 Javascript
js实现全选反选不选功能代码详解
2019/04/24 Javascript
JS中间件设计模式的深入探讨与实例分析
2020/04/11 Javascript
python实现根据ip地址反向查找主机名称的方法
2015/04/29 Python
Python3中的真除和Floor除法用法分析
2016/03/16 Python
python利用拉链法实现字典方法示例
2017/03/25 Python
postman模拟访问具有Session的post请求方法
2019/07/15 Python
django项目环境搭建及在虚拟机本地创建django项目的教程
2019/08/02 Python
对Django 中request.get和request.post的区别详解
2019/08/12 Python
解决python3中os.popen()出错的问题
2020/11/19 Python
Shopbop中文官网:美国亚马逊旗下时尚购物网站
2020/12/15 全球购物
个人查摆剖析材料
2014/02/04 职场文书
运输服务质量承诺书
2014/03/27 职场文书
《彭德怀和他的大黑骡子》教学反思
2014/04/12 职场文书
HR求职自荐信范文
2014/06/21 职场文书
珍惜资源的建议书
2014/08/26 职场文书
超市开业庆典活动策划方案
2014/09/15 职场文书
企业领导班子四风对照检查材料
2014/09/27 职场文书
师德师风整改措施
2014/10/24 职场文书
红色故事汇观后感
2015/06/18 职场文书
工作会议简报
2015/07/20 职场文书
毕业生入职感言
2015/07/31 职场文书
python基础之类属性和实例属性
2021/10/24 Python
「月刊Comic Alive」2022年5月号封面公开
2022/03/21 日漫