当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript 解析后的xml对象的读取方法细解

Javascript
代码生成器 document.write()
不错的文字特效,逐字变色效果
javascript下用键盘控制层的移动的代码
有提示确定与取消功能的弹出式窗的代码
js下弹出窗口的变通
在第一个input框内输入内容.textarea自动得到第一个文件框的值的javascript代码
用JAVASCRIPT如何给<textarea></textarea>赋值
将光标定位到textarea的某一行的javascript代码
把textarea中字符串里含有的回车换行替换成<br>的javascript代码
让textarea控件的滚动条怎是位与最下方
用javascript实现改变TEXTAREA滚动条和按钮的颜色,以及怎样让滚动条变得扁平
在textarea中屏蔽js的某个function的javascript代码
textarea的value是html文件源代码,存成html文件的代码
在textarea中显示html页面的javascript代码
用javascript将数据库中的TEXT类型数据动态赋值到TEXTAREA中
如何做到打开一个页面,过几分钟自动转到另一页面
JS 建立对象的方法
运用Windows XP附带的Msicuu.exe、Msizap.exe来彻底卸载顽固程序
JS Timing
用javascript实现图片马赛克后显示并切换

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 398 ::
收藏到网摘: n/a

读取的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>