提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

javascript解析后的xml对象的读取方法细解

JavaScript方法对象XML 解析 读取
2023-06-13 09:14:11 时间
读取的xml:
复制代码代码如下:

<svgid="svgID"key="1">
<descid="descID">
Text1
</desc>
<defs>
Text2
</defs>
<g>
text3
</g>
</svg>

javascript对此xml的解析方法如下：
复制代码代码如下:

<htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="en"lang="en">
<head>
<scripttype="text/javascript">
<!--
functioninitXML(){
if(window.ActiveXObject){
vardoc=newActiveXObject("Microsoft.XMLDOM");
doc.async="false";
doc.load("test.xml");
}else{
varparser=newDOMParser();
vardoc=parser.parseFromString("test.xml","text/xml");
}
varxmlDoc=doc.documentElement;//获取svg对象
xmlDoc.text;//输出svg对象中所有的text,output:text1Text2Text3
xmlDoc.getAttribute("id");//输出svg对象的id，output:svgID
xmlDocxmlDocLen=xmlDoc.childNodes.length;//输出svg对象的子节点个数，output:3
varxmlDocxmlDocChilds=xmlDoc.childNodes;//获取svg的所有子节点
varxmlDOcChildNode0=xmlDocChilds[0];//获取svg的第一个子节点
varxmlDocChildNode0TagName=xmlDOcChildNode0.nodeName;//获取svg的第一个子节点的tagname,output:desc
varxmlDocChildNode0ID=xmlDOcChildNode0.getAttribute("id");//获取svg的第一个子节点的id属性,output:descID
varxmlDocChildNode0InnerText=xmlDOcChildNode0.Text
xmlDocChildNode0InnerText=xmlDOcChildNode0.firstChild.nodeValue;;//获取svg的第一个子节点的text，output:Text1
}
//--></script>
<title></title>
</head>
<body>
<inputonclick="initXML();"value="testXML"type="button"/>
</body>
</html>

相关文章