javascript 解析后的xml對(duì)象的讀取方法細(xì)解
更新時(shí)間:2009年07月25日 13:42:12 作者:
javascript 解析后的xml對(duì)象的讀取方法細(xì)解
讀取的xml:
<svg id="svgID" key="1">
<desc id= "descID">
Text1
</desc>
<defs>
Text2
</defs>
<g>
text3
</g>
</svg>
javascript對(duì)此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對(duì)象
xmlDoc.text;//輸出svg對(duì)象中所有的text,output:text1 Text2 Text3
xmlDoc.getAttribute("id");//輸出svg對(duì)象的id,output:svgID
xmlDocxmlDocLen=xmlDoc.childNodes.length;//輸出svg對(duì)象的子節(jié)點(diǎn)個(gè)數(shù),output:3
var xmlDocxmlDocChilds=xmlDoc.childNodes;//獲取svg的所有子節(jié)點(diǎn)
var xmlDOcChildNode0=xmlDocChilds[0];//獲取svg的第一個(gè)子節(jié)點(diǎn)
var xmlDocChildNode0TagName=xmlDOcChildNode0.nodeName;//獲取svg的第一個(gè)子節(jié)點(diǎn)的tagname,output:desc
var xmlDocChildNode0ID=xmlDOcChildNode0.getAttribute("id");//獲取svg的第一個(gè)子節(jié)點(diǎn)的id屬性,output:descID
var xmlDocChildNode0InnerText=xmlDOcChildNode0.Text
xmlDocChildNode0InnerText=xmlDOcChildNode0.firstChild.nodeValue;;//獲取svg的第一個(gè)子節(jié)點(diǎn)的text,output:Text1
}
// --></script>
<title></title>
</head>
<body>
<input onclick="initXML();" value="testXML" type="button" />
</body>
</html>
復(fù)制代碼 代碼如下:
<svg id="svgID" key="1">
<desc id= "descID">
Text1
</desc>
<defs>
Text2
</defs>
<g>
text3
</g>
</svg>
javascript對(duì)此xml的解析方法如下:
復(fù)制代碼 代碼如下:
<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對(duì)象
xmlDoc.text;//輸出svg對(duì)象中所有的text,output:text1 Text2 Text3
xmlDoc.getAttribute("id");//輸出svg對(duì)象的id,output:svgID
xmlDocxmlDocLen=xmlDoc.childNodes.length;//輸出svg對(duì)象的子節(jié)點(diǎn)個(gè)數(shù),output:3
var xmlDocxmlDocChilds=xmlDoc.childNodes;//獲取svg的所有子節(jié)點(diǎn)
var xmlDOcChildNode0=xmlDocChilds[0];//獲取svg的第一個(gè)子節(jié)點(diǎn)
var xmlDocChildNode0TagName=xmlDOcChildNode0.nodeName;//獲取svg的第一個(gè)子節(jié)點(diǎn)的tagname,output:desc
var xmlDocChildNode0ID=xmlDOcChildNode0.getAttribute("id");//獲取svg的第一個(gè)子節(jié)點(diǎn)的id屬性,output:descID
var xmlDocChildNode0InnerText=xmlDOcChildNode0.Text
xmlDocChildNode0InnerText=xmlDOcChildNode0.firstChild.nodeValue;;//獲取svg的第一個(gè)子節(jié)點(diǎn)的text,output:Text1
}
// --></script>
<title></title>
</head>
<body>
<input onclick="initXML();" value="testXML" type="button" />
</body>
</html>
您可能感興趣的文章:
- JS與jQ讀取xml文件的方法
- JS通過(guò)ajax動(dòng)態(tài)讀取xml文件內(nèi)容的方法
- javascript 讀取XML數(shù)據(jù),在頁(yè)面中展現(xiàn)、編輯、保存的實(shí)現(xiàn)
- Javascript+XMLHttpRequest+asp.net無(wú)刷新讀取數(shù)據(jù)庫(kù)數(shù)據(jù)
- javascript 讀取xml,寫(xiě)入xml 實(shí)現(xiàn)代碼
- JavaScript 解析讀取XML文檔 實(shí)例代碼
- jsp 從web.xml讀取連接數(shù)據(jù)庫(kù)的參數(shù)
- 使用JS讀取XML文件的方法
相關(guān)文章
JS實(shí)現(xiàn)點(diǎn)擊鏈接取消跳轉(zhuǎn)效果的方法
有時(shí)候我們僅僅希望將鏈接<a>作為一個(gè)按鈕使用,但是在默認(rèn)狀態(tài)下,點(diǎn)擊鏈接會(huì)出現(xiàn)跳轉(zhuǎn)效果,下面就通過(guò)代碼實(shí)例,介紹一下如何實(shí)現(xiàn)此效果2014-01-01bootstrap datetimepicker日期插件超詳細(xì)使用方法介紹
本篇文章主要介紹了bootstrap datetimepicker日期插件超詳細(xì)使用方法介紹,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02JS圖片根據(jù)鼠標(biāo)滾動(dòng)延時(shí)加載的實(shí)例代碼
這篇文章介紹了,JS圖片根據(jù)鼠標(biāo)滾動(dòng)延時(shí)加載的實(shí)例代碼,有需要的朋友可以參考一下2013-07-07在chrome中window.onload事件的一些問(wèn)題
在寫(xiě)一些關(guān)于圖片操作的代碼的時(shí)候,一般都需要在圖片加載完成之后再執(zhí)行程序。然而在Chorme中(貌似Safari也是)對(duì)window.onload的理解與IE和FF有偏差。2010-03-03使用javascript實(shí)現(xiàn)簡(jiǎn)單的選項(xiàng)卡切換
本文主要介紹了使用javascript實(shí)現(xiàn)簡(jiǎn)單的選項(xiàng)卡切換的效果,代碼非常的簡(jiǎn)單,兼容性十分棒,這里推薦給小伙伴們。2015-01-01CSS中position屬性之fixed實(shí)現(xiàn)div居中
這篇文章主要介紹了CSS中position屬性之fixed實(shí)現(xiàn)div居中的相關(guān)資料,需要的朋友可以參考下2015-12-12