第9章 使用文檔對(duì)象模式腳本顯示xml文檔

《第9章 使用文檔對(duì)象模式腳本顯示xml文檔》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在工程資料-天天文庫(kù)。

1、i

2、es(i).childNodes(0).text+""+"Author:"+Document.documentElement.childNodes(i).childNodes(1).text+""+"Binding:"+Document.documentElement.childNodes(i).childNodes(2).text+""+"Numberofpages:"+""+Document.documentElement.childNodes(i).childNodes(3).text+""+"Price:"+Document.documentElement.ch

3、ildNodes(i).childNodes(4).text+"";}腳本把所有這些HTML標(biāo)記塊保存到變量HTMLCode中。在for循環(huán)之后，當(dāng)所有塊已生成并保存到HTMLCode中時(shí)，腳本把HTML標(biāo)記賦予該頁(yè)BODY中的DIV元素的innerHTML屬性（這個(gè)元素的ID為DisplayDIV）：DisplayDIV.innerHTML=HTMLCode;接著，DIV元素立即提交HTML并顯示結(jié)果，它就是你在上一個(gè)圖中看到的。要使你自己確信不論XML文檔包含多少個(gè)BOOK元素頁(yè)面都可正確工作，你可能要編輯該頁(yè)中的數(shù)據(jù)島以便它顯示InventoryBig.xml，它

4、包含的BOOK元素是Inventory.xml中的兩倍："dsoInventory"SRC="InventoryBig.xml">9.３.4使用其他方法訪問元素到目前為止，你看到的示例腳本已訪問了Element節(jié)點(diǎn)，它們使用childNodes或firstChild節(jié)點(diǎn)屬性從一個(gè)節(jié)點(diǎn)移動(dòng)到相鄰的節(jié)點(diǎn)以便遍歷節(jié)點(diǎn)層次。記住，你可以用類似的方法使用lastChild、previousSibling、nextSibling和parentNode節(jié)點(diǎn)屬性。表9-2介紹了所有這些屬性。注意childNodes、firstChild和lastChild屬性只允許你訪問非

5、屬性子節(jié)點(diǎn)，而previousSibling和nextSibling屬性允許你訪問任意類型的兄弟（sibling）節(jié)點(diǎn)。另一種訪問XML元素的方法是使用getElementsByTagName屬性抽取所有具有某種類型名（例如TITLE）的元素。這種方法可用于Document節(jié)點(diǎn)（如表9-3所示）以及Element節(jié)點(diǎn)（如表9-6所示）。如果調(diào)用Document節(jié)點(diǎn)的方法，那么它返回文檔中所有具有指定類型名的元素的Element節(jié)點(diǎn)集合。例如，下面的語(yǔ)句獲取文檔中所有具有名稱BOOK的元素的節(jié)點(diǎn)集合：NodeList=Document.getElementsByTagNa

6、me("BOOK");如果調(diào)用一個(gè)元素節(jié)點(diǎn)的getElementsByTagName方法，如下例所示，那么它返回Element節(jié)點(diǎn)所有子孫元素的節(jié)點(diǎn)集合：NodeList=Element.getElementsByTagName("AUTHOR");提示如果把值"*"傳給getElementsByTagName，那么它返回所有元素的節(jié)點(diǎn)集合（如果調(diào)用Document對(duì)象的方法，那么是指所有元素；如果調(diào)用Element對(duì)象的方法，那么是指所有子孫元素）。表9-6Element節(jié)點(diǎn)提供的有用的方法。對(duì)于Element節(jié)點(diǎn)來(lái)說(shuō)，還可以使用表9-2中列出的任意一種公共的節(jié)點(diǎn)屬性

7、Element節(jié)點(diǎn)的方法描述示例getAttribute(attr-name)返回具有指定名稱的元素屬性的值tValue=Element.getAttribute("InStock");getAttributeNode(attr-name)返回代表具有指定名稱的元素屬性Attribute=Element.getAttributeNodeElement節(jié)點(diǎn)的方法描述示例getElementsByTagName(type-name)返回該元素所有具有指定類型名AuthorElementCollection=Element.get的子孫元素的元