欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

XML DOM 訪問節(jié)點

通過 DOM,您能夠訪問 XML 文檔中的每個節(jié)點。

實例

下面的例子使用 XML 文件 books.xml

函數(shù) loadXMLDoc(),位于外部 JavaScript 中,用于加載 XML 文件。

使用節(jié)點列表中的下標號來訪問節(jié)點
本例使用 getElementsByTagname() 方法來獲得 "books.xml" 中的第三個 <title> 元素。
使用 length 屬性來循環(huán)節(jié)點
本例使用 length 屬性來循環(huán) "books.xml" 中的所有 <title> 元素。
查看元素的節(jié)點類型
本例使用 nodeType 屬性來獲得 "books.xml" 中根元素的節(jié)點類型。
循環(huán)元素節(jié)點
本例使用 nodeType 屬性來處理 "books.xml" 中的元素節(jié)點。
使用節(jié)點的關系來循環(huán)元素節(jié)點
本例使用 nodeType 屬性和 nextSibling 屬性來處理 "books.xml" 中的元素節(jié)點。

訪問節(jié)點

您可以通過三種方法來訪問節(jié)點:

  1. 通過使用 getElementsByTagName() 方法
  2. 通過循環(huán)(遍歷)節(jié)點樹
  3. 通過利用節(jié)點的關系在節(jié)點樹中導航

getElementsByTagName() 方法

getElementsByTagName() 返回擁有指定標簽名的所有元素。

語法

node.getElementsByTagName("tagname");

實例

下面的例子返回 x 元素下的所有 <title> 元素:

x.getElementsByTagName("title");

請注意,上面的例子僅返回 x 節(jié)點下的 <title> 元素。要返回 XML 文檔中的所有 <title> 元素,請使用:

xmlDoc.getElementsByTagName("title");

在這里,xmlDoc 就是文檔本身(文檔節(jié)點)。

DOM Node List

getElementsByTagName() 方法返回節(jié)點列表 (node list)。節(jié)點列表是節(jié)點的數(shù)組。

下面的代碼通過使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc 中,然后在變量 x 中存儲 <title> 節(jié)點的一個列表:

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName("title");

可通過下標訪問 x 中的 <title> 元素。要訪問第三個 <title>,您可以編寫:

y=x[2];

TIY

注釋:下標以 0 起始。

在本教程中稍后的章節(jié),您將學到更多有關 Node List 的知識。

DOM Node List Length

length 屬性定義節(jié)點列表的長度(即節(jié)點的數(shù)目)。

您能夠通過使用 length 屬性來循環(huán)一個節(jié)點列表:

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName("title");

for (i=0;i<x.length;i++)
  { 
  document.write(x[i].childNodes[0].nodeValue);
  document.write("<br />");
  }

例子解釋:

  1. 使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc
  2. 取得所有 <title> 元素節(jié)點
  3. 輸出每個 <title> 元素的文本節(jié)點的值

TIY

Node Type

XML 文檔的 documentElement 屬性是根節(jié)點。

節(jié)點的 nodeName 屬性是節(jié)點的名稱。

節(jié)點的 nodeType 屬性是節(jié)點的類型。

您將在本教程的下一節(jié)中學習更多有關節(jié)點屬性的知識。

TIY

遍歷節(jié)點

下面的代碼循環(huán)根節(jié)點的子節(jié)點,同時也是元素節(jié)點:

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.documentElement.childNodes;

for (i=0;i<x.length;i++)
{ 
  if (x[i].nodeType==1)
  {//Process only element nodes (type 1) 
  document.write(x[i].nodeName);
  document.write("<br />");
  } 
}

例子解釋:

  1. 通過使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc 中
  2. 獲得根元素的子節(jié)點
  3. 檢查每個子節(jié)點的節(jié)點類型。如果節(jié)點類型是 "1",則是元素節(jié)點
  4. 如果是元素節(jié)點,則輸出節(jié)點的名稱

TIY

利用節(jié)點的關系進行導航

下面的代碼通過利用節(jié)點的關系在節(jié)點樹中進行導航:

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName("book")[0].childNodes;
y=xmlDoc.getElementsByTagName("book")[0].firstChild;

for (i=0;i<x.length;i++)
{
if (y.nodeType==1)
  {//Process only element nodes (type 1)
  document.write(y.nodeName + "<br />");
  }
y=y.nextSibling;
}
  1. 通過使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc 中
  2. 獲得第一個 book 元素的子節(jié)點
  3. 把 "y" 變量設置為第一個 book 元素的第一個子節(jié)點
  4. 檢查每個子節(jié)點的節(jié)點類型,如果節(jié)點類型是 "1",則是元素節(jié)點
  5. 如果是元素節(jié)點,則輸出該節(jié)點的名稱
  6. 把 "y" 變量設置為下一個同級節(jié)點,并再次運行循環(huán)

TIY