<html>
<head>
<title>範例12-21</title>
<xml id="database" src="ex12-21.xml"></xml>
<script type="text/javascript">
xmldoc = document.all("database").XMLDocument;
nodeXML = xmldoc.documentElement;
nodeLists = nodeXML.childNodes;
var number = 0;
var total = nodeLists.length - 1;
function getFirstField()
{
number = 0;
outputMessage();
}
function getPreviousField()
{
if (number < 1)
{
number = 0;
}
else
{
number--;
}
outputMessage();
}
function getNextField()
{
if (number > total - 1)
{
number = total;
}
else
{
number++;
}
outputMessage();
}
function getLastField()
{
number = total;
outputMessage();
}
function outputMessage()
{
nodeName = nodeLists[number].firstChild;
nodeSex = nodeName.nextSibling;
nodeBlood = nodeSex.nextSibling;
nodeStar = nodeBlood.nextSibling;
field1.innerHTML = nodeName.firstChild.nodeValue;
field2.innerHTML = nodeSex.firstChild.nodeValue;
field3.innerHTML = nodeBlood.firstChild.nodeValue;
field4.innerHTML = nodeStar.firstChild.nodeValue;
}
</script>
</head>
<body onload="getFirstField()">
<center>
<h1>使用 XML Data Source Control</h1>
<table border="1">
<tr>
<td width="80">姓名</td>
<td width="100">
<span id="field1"></span>
</td>
</tr>
<tr>
<td>性別</td>
<td>
<span id="field2"></span>
</td>
</tr>
<tr>
<td>血型</td>
<td>
<span id="field3"></span>
</td>
</tr>
<tr>
<td>星座</td>
<td>
<span id="field4"></span>
</td>
</tr>
</table>
<br /><br />
<button onclick="getFirstField()">
第一筆
</button>
<button onclick="getPreviousField()">
上一筆
</button>
<button onclick="getNextField()">
下一筆
</button>
<button onclick="getLastField()">
最後一筆
</button>
</center>
</body>
</html>
以上的寫法只能在IE執行，在FF會出現nodeLists未定義，但是變數不是可以直接用嗎?上面的xmldoc和nodeXML可以直接使用，若要改成標準要如何修改呢?
登入
註冊
問答集
搜尋
