五. XSL 的索引
如果我需要將元素的顯示按一定的順序排列，應該如何建立XSL的索引呢？我們還是來看前面的例子，還是這段代碼：
<?xml version="1.0" encoding="ISO8859-1" ?>
<CATALOG>
<CD>
<TITLE>Empire Burlesque</TITLE>
<ARTIST>Bob Dylan</ARTIST>
<COUNTRY>USA</COUNTRY>
<COMPANY>Columbia</COMPANY>
<PRICE>10.90</PRICE>
<YEAR>1985</YEAR>
</CD>
當XML文檔被轉換成HTML文件，索引應該同時建立。簡單的辦法就是給你的for-each元素增加一個order-by屬性，就象這樣：
<xsl:for-each select="CATALOG/CD" order-by="+ ARTIST">
order-by屬性帶有一個"+"或者"-" 的符號，用來定義索引的方式，是升序還是降序排列。符號後面的名字就是要索引的關鍵字。
例如(cd_catalog_sort.xsl)：
<?xml version='1.0'?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">
<xsl:template match="/">
<html>
<body>
<table border="2" bgcolor="yellow">
<tr>
<th>Title</th>
<th>Artist</th>
</tr>
<xsl:for-each select="CATALOG/CD" order-by="+ ARTIST">
<tr>
<td><xsl:value-of select="TITLE"/></td>
<td><xsl:value-of select="ARTIST"/></td>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
最後，我們用下面的HTML代碼來顯示索引結果，你可以自己嘗試一下。
<html>
<body>
<script language="javascript">
// Load XML
var xml = new ActiveXObject("Microsoft.XMLDOM")
xml.async = false
xml.load("cd_catalog.xml")
// Load the XSL
var xsl = new ActiveXObject("Microsoft.XMLDOM")
xsl.async = false
xsl.load("cd_catalog_sort.xsl")
// Transform
document.write(xml.transformNode(xsl))
</script>
</body>
</html>