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>
您可能感興趣的文章:
相關(guān)文章
本文主要介紹了js實(shí)現(xiàn)登錄驗(yàn)證碼的方法，代碼簡(jiǎn)潔明了，具有很好的參考價(jià)值，需要的朋友一起來看下吧2016-12-12
使用phantomjs進(jìn)行網(wǎng)頁抓取的實(shí)現(xiàn)代碼
這篇文章主要介紹了使用phantomjs進(jìn)行網(wǎng)頁抓取的實(shí)現(xiàn)代碼,需要的朋友可以參考下2014-09-09
相信大家在實(shí)現(xiàn)頁面局部刷新過程中都遇到過類似的問題：在文本框中輸入完要搜索的關(guān)鍵字段，按回車結(jié)果整個(gè)頁面刷新了，局部刷新肯定失敗。2011-04-04
做一個(gè)鼠標(biāo)移入移出圖片事件，首先是改變分辨率的兩種方法，鼠標(biāo)移入圖片和移出圖片的分辨率不同，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下2013-12-12
最近在看javascript設(shè)計(jì)模式的書籍《pro javascript design pattrens》，覺得很不錯(cuò)，可以提高自己對(duì)js oo的理解，也可能幫助自己更好的理解別人寫的js library，提高自己js的水平2012-07-07
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)底部彈出模態(tài)框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11
本篇文章主要介紹了Bootstrap筆記—折疊實(shí)例代碼，詳細(xì)的介紹了折疊效果實(shí)例，包括一組多組等，非常具有實(shí)用價(jià)值，需要的朋友可以參考下。2017-03-03
JavaScript實(shí)現(xiàn)圖片懶加載與預(yù)加載的代碼詳解
圖片懶加載與預(yù)加載是前端優(yōu)化中比較常見的方法,也是前端面試中會(huì)被問到的問題,如果不做懶加載和預(yù)加載,瀏覽器的回流重繪很快,而圖片的加載是需要發(fā)送網(wǎng)絡(luò)請(qǐng)求的,一次性發(fā)很多請(qǐng)求就會(huì)導(dǎo)致網(wǎng)絡(luò)的堵塞,影響用戶體驗(yàn),接下來就讓我們來實(shí)現(xiàn)一下懶加載以及預(yù)加載的效果2025-03-03
正因?yàn)镴avaScript本身沒有完整的類和繼承的實(shí)現(xiàn)，并且我們也看到通過手工實(shí)現(xiàn)的方式存在很多問題， 因此對(duì)于這個(gè)富有挑戰(zhàn)性的任務(wù)網(wǎng)上已經(jīng)有很多實(shí)現(xiàn)了2009-07-07
javascript?中動(dòng)畫制作方法?animate()屬性
這篇文章主要介紹了javascript?中動(dòng)畫制作方法?animate()屬性，animate是所有dom元素都有的方法，可以用來最做過度動(dòng)畫，關(guān)鍵幀動(dòng)畫，下面文章的相關(guān)介紹需要的小伙伴可以參考一下2022-04-04