XML DOM – 改變節(jié)點(diǎn)值

XML DOM 改變節(jié)點(diǎn)值

nodeValue 屬性用于改變節(jié)點(diǎn)值。

setAttribute() 方法用于改變屬性值。

嘗試一下 - 實(shí)例

下面的實(shí)例使用 XML 文件 books.xml。
函數(shù) loadXMLDoc()，位于外部 JavaScript 中，用于加載 XML 文件。

改變元素的文本節(jié)點(diǎn)
本例使用 nodeValue 屬性來改變 "books.xml" 中第一個(gè) <title> 元素的文本節(jié)點(diǎn)。

通過使用 setAttribute 來改變屬性值
本例使用 setAttribute() 方法來改變第一個(gè) <book> 的 "category" 屬性的值。

通過使用 nodeValue 來改變屬性值
本例使用 nodeValue 屬性來改變第一個(gè) <book> 的 "category" 屬性的值。

改變元素的值

在 DOM 中，每種成分都是節(jié)點(diǎn)。元素節(jié)點(diǎn)沒有文本值。

元素節(jié)點(diǎn)的文本存儲在子節(jié)點(diǎn)中。該節(jié)點(diǎn)稱為文本節(jié)點(diǎn)。

改變元素文本的方法，就是改變這個(gè)子節(jié)點(diǎn)（文本節(jié)點(diǎn)）的值。

改變文本節(jié)點(diǎn)的值

nodeValue 屬性可用于改變文本節(jié)點(diǎn)的值。

下面的代碼片段改變了第一個(gè) <title> 元素的文本節(jié)點(diǎn)值：

實(shí)例解釋：

1. 使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc 中
2. 獲取第一個(gè) <title> 元素的文本節(jié)點(diǎn)
3. 把該文本節(jié)點(diǎn)的節(jié)點(diǎn)值更改為 "Easy Cooking"

遍歷并更改所有 <title> 元素的文本節(jié)點(diǎn)： 嘗試一下

改變屬性的值

在 DOM 中，屬性也是節(jié)點(diǎn)。與元素節(jié)點(diǎn)不同，屬性節(jié)點(diǎn)擁有文本值。I

改變屬性的值的方法，就是改變它的文本值。

可以通過使用 setAttribute() 方法或?qū)傩怨?jié)點(diǎn)的 nodeValue 屬性來完成這個(gè)任務(wù)。

通過使用 setAttribute() 改變屬性

setAttribute() 方法改變已有屬性的值，或創(chuàng)建新屬性。

下面的代碼改變 <book> 元素的 category 屬性：

實(shí)例解釋：

1. 使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc 中
2. 獲取第一個(gè) <book> 元素
3. 把 "category" 屬性的值更改為 "food"

遍歷所有的 <title> 元素并添加一個(gè)新屬性： 嘗試一下

注意：如果屬性不存在，則創(chuàng)建一個(gè)新屬性（擁有指定的名稱和值）。

通過使用 nodeValue 改變屬性

nodeValue 屬性可用于更改屬性節(jié)點(diǎn)的值：

實(shí)例解釋：

1. 使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc 中
2. 獲取第一個(gè) <book> 元素的 "category" 屬性
3. 把該屬性節(jié)點(diǎn)的值更改為 "food"

相關(guān)文章

HTML DOM