javascript 解析后的xml对象的读取方法细解
作者:bea
读取的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
读取的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>
有用 | 无用
代码如下:
<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>
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- JQuery UI皮肤定制
- JavaScript 设计模式学习 Singleton
- 浅析Javascript原型继承 推荐
- xml 封装与解析(javascript和C#中)
- JavaScript 捕获窗口关闭事件
- jquery tools之tooltip
- jquery tools之tabs 选项卡/页签
- jquery JSON的解析方式
- jqPlot Option配置对象详解
- jqPlot jquery的页面图表绘制工具
- IE DOM实现存在的部分问题及解决方法
- 从父页面读取和操作iframe中内容方法
- javaScript 数值型和字符串型之间的转换
- JavaScript中null与undefined分析
- js 字符串操作函数
- javaScript Array(数组)相关方法简述
- 对象特征检测法判断浏览器对javascript对象的支持
- javascript 一个函数对同一元素的多个事件响应
- IE中radio 或checkbox的checked属性初始状态下不能选中显示问题