Daftar Noda DOM

getElementsByTagName() metode dan childNodes atribut dapat mengembalikan daftar node.

列 DOM 节点

Ketika menggunakan childNodes atau getElementsByTagName() Ketika mengakses atribut atau metode, akan mengembalikan objek NodeList.

Objek NodeList mewakili daftar node, diurutkan seperti di XML.

Node dalam daftar NodeList dapat diakses melalui indeks yang dimulai dari 0.

Gambar di bawah menunjukkan books.xml Daftar node elemen <title>:

列 DOM 节点

Dipercaya bahwa "books.xml" sudah dimuat ke variabel xmlDoc.

Blok kode ini mengembalikan daftar node elemen title dalam berkas "books.xml":

x = xmlDoc.getElementsByTagName("title");

Setelah melaksanakan pernyataan di atas, x menjadi objek NodeList.

以下代码片段返回节点列表 (x) 中第一个 <title> 元素的文本：

实例

var txt = x[0].childNodes[0].nodeValue;

亲自试一试

执行上述语句后，txt = "雅舍谈吃"。

节点列表长度

NodeList 对象会保持自身的更新。如果删除或添加了元素，列表会自动更新。

节点列表的 length 属性是列表中节点的数量。

这段代码返回 "books.xml" 中 <title> 元素的数量：

x = xmlDoc.getElementsByTagName('title').length;

上面的语句执行后，x 的值为 5。

节点列表的长度可用于循环遍历列表中的所有元素。

这段代码使用 length 属性循环来遍历 <title> 元素列表：

实例

x = xmlDoc.getElementsByTagName('title');
xLen = x.length;
for (i = 0; i <xLen; i++) {
    txt += x[i].childNodes[0].nodeValue) + " ";
}

亲自试一试

例子解释：

  1. 假设 books.xml 已被加载到 xmlDoc 中
  2. 设置 x 变量以保存所有 title 元素的节点列表
  3. 从 <title> 元素中获取文本节点的值

DOM 属性列表（命名节点映射）

元素节点的 attributes 属性返回属性节点的列表。

这被称为命名节点映射（named node map），与节点列表类似，只是方法和属性有所不同。

属性列表也会保持最新。如果删除或添加属性，列表会自动更新。

这段代码从 "books.xml" 中的第一个 <book> 元素返回属性节点列表：

x = xmlDoc.getElementsByTagName('book')[0].attributes;

上面的代码执行后，x.length 等于属性的数量，可使用 x.getNamedItem() 返回一个属性节点。

这段代码获取第一本书的 "category" 属性的值，以及属性的数量：

实例

x = xmlDoc.getElementsByTagName("book")[0].attributes;
txt = x.getNamedItem("category").nodeValue + " " + x.length;

亲自试一试

例子解释：

  1. 假设 books.xml 被加载到 xmlDoc 中
  2. 设置 x 变量以保存第一个 <book> 元素的所有属性的列表
  3. 获取 "category" 属性的值以及属性列表的长度