上一篇JS教程學習了:Javascript初學者實例教程(11):鼠標動作
實例十二
本實例主要介紹了js訪問XML節點的應用,讀節點最基本的有2中方法,我分2個實例發上來,方便學習。
<html>
<head>
<title>訪問XML文檔</title>
<script language="javascript">
function GetInfo()
{
var document_xml = new ActiveXObject("Microsoft.XMLDOM");
document_xml.load("info.xml"); //加載info.xml
var RootNode = document_xml.documentElement; //獲得info.xml文檔的根節點
var FirstNode = RootNode.firstChild; //獲得根標記的第一個子節點
var SecondNode = RootNode.lastChild; //獲得根標記的最後一個子節點
var nameNode = FirstNode.firstChild;
var ageNode = nameNode.nextSibling; //獲得nameNode節點的下一個兄弟結點
var sexNode = FirstNode.lastChild;
var str = "名稱是:"+nameNode.firstChild.nodeValue+
"\n年齡是:"+ageNode.firstChild.nodeValue+
"\n性別是:"+sexNode.firstChild.nodeValue+
"\n描述是:"+SecondNode.firstChild.nodeValue;
alert(str);
}
</script>
</head>
<body>
<input type="button" name="Submit" value="按鈕" onClick="GetInfo()">
</body>
</html>
效果演示:
[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
下面的是XML文件。
[Ctrl+A 全部選擇 提示:你可先修改部分代碼,