javascript 解析后的xml對象的讀取方法細(xì)解
更新時間：2009年07月25日 13:42:12 作者：
javascript 解析后的xml對象的讀取方法細(xì)解
讀取的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對象的子節(jié)點(diǎn)個數(shù)，output:3
var xmlDocxmlDocChilds=xmlDoc.childNodes;//獲取svg的所有子節(jié)點(diǎn)
var xmlDOcChildNode0=xmlDocChilds[0];//獲取svg的第一個子節(jié)點(diǎn)
var xmlDocChildNode0TagName=xmlDOcChildNode0.nodeName;//獲取svg的第一個子節(jié)點(diǎn)的tagname,output:desc
var xmlDocChildNode0ID=xmlDOcChildNode0.getAttribute("id");//獲取svg的第一個子節(jié)點(diǎn)的id屬性,output:descID
var xmlDocChildNode0InnerText=xmlDOcChildNode0.Text
xmlDocChildNode0InnerText=xmlDOcChildNode0.firstChild.nodeValue;;//獲取svg的第一個子節(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對此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對象
xmlDoc.text;//輸出svg對象中所有的text,output:text1 Text2 Text3
xmlDoc.getAttribute("id");//輸出svg對象的id，output:svgID
xmlDocxmlDocLen=xmlDoc.childNodes.length;//輸出svg對象的子節(jié)點(diǎn)個數(shù)，output:3
var xmlDocxmlDocChilds=xmlDoc.childNodes;//獲取svg的所有子節(jié)點(diǎn)
var xmlDOcChildNode0=xmlDocChilds[0];//獲取svg的第一個子節(jié)點(diǎn)
var xmlDocChildNode0TagName=xmlDOcChildNode0.nodeName;//獲取svg的第一個子節(jié)點(diǎn)的tagname,output:desc
var xmlDocChildNode0ID=xmlDOcChildNode0.getAttribute("id");//獲取svg的第一個子節(jié)點(diǎn)的id屬性,output:descID
var xmlDocChildNode0InnerText=xmlDOcChildNode0.Text
xmlDocChildNode0InnerText=xmlDOcChildNode0.firstChild.nodeValue;;//獲取svg的第一個子節(jié)點(diǎn)的text，output:Text1
}
// --></script>
<title></title>
</head>
<body>
<input onclick="initXML();" value="testXML" type="button" />
</body>
</html>
相關(guān)文章
這篇文章主要為大家介紹了ESLint和Jest中使用esm示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03
JS實(shí)現(xiàn)點(diǎn)擊鏈接取消跳轉(zhuǎn)效果的方法
有時候我們僅僅希望將鏈接<a>作為一個按鈕使用，但是在默認(rèn)狀態(tài)下，點(diǎn)擊鏈接會出現(xiàn)跳轉(zhuǎn)效果，下面就通過代碼實(shí)例，介紹一下如何實(shí)現(xiàn)此效果2014-01-01
這篇文章主要為大家詳細(xì)介紹了javascript函數(shù)，幫助大家更好的理解js函數(shù)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
bootstrap datetimepicker日期插件超詳細(xì)使用方法介紹
本篇文章主要介紹了bootstrap datetimepicker日期插件超詳細(xì)使用方法介紹，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
JS圖片根據(jù)鼠標(biāo)滾動延時加載的實(shí)例代碼
這篇文章介紹了，JS圖片根據(jù)鼠標(biāo)滾動延時加載的實(shí)例代碼，有需要的朋友可以參考一下2013-07-07
在寫一些關(guān)于圖片操作的代碼的時候，一般都需要在圖片加載完成之后再執(zhí)行程序。然而在Chorme中（貌似Safari也是）對window.onload的理解與IE和FF有偏差。2010-03-03
用js實(shí)現(xiàn)CSS圓角生成更新...2007-05-05
使用javascript實(shí)現(xiàn)簡單的選項卡切換
本文主要介紹了使用javascript實(shí)現(xiàn)簡單的選項卡切換的效果，代碼非常的簡單，兼容性十分棒，這里推薦給小伙伴們。2015-01-01
這篇文章主要介紹了javascript閉包功能與用法,結(jié)合具體實(shí)例形式深入淺出的分析了javascript中閉包的概念、功能、使用方法與相關(guān)注意事項,需要的朋友可以參考下2017-04-04
CSS中position屬性之fixed實(shí)現(xiàn)div居中
這篇文章主要介紹了CSS中position屬性之fixed實(shí)現(xiàn)div居中的相關(guān)資料,需要的朋友可以參考下2015-12-12