XML DOM 改變節點值

nodeValue 屬性用于改變節點值。

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

實例

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

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

改變元素的文本節點
本例使用 nodeValue 屬性來改變 "books.xml" 中第一個 <title> 元素的文本節點。
通過使用 setAttribute 來改變屬性的值
本例使用 setAttribute() 方法來改變第一個 <book> 的 "category" 屬性的值。
通過使用 nodeValue 來改變屬性值
本例使用 nodeValue 屬性來改變第一個 <book> 的 "category" 屬性的值。

改變元素的值

在 DOM 中，每種成分都是節點。元素節點沒有文本值。

元素節點的文本存儲在子節點中。該節點稱為文本節點。

改變元素文本的方法，就是改變這個子節點（文本節點）的值。

改變文本節點的值

nodeValue 屬性可用于改變文本節點的值。

下面的代碼片段改變了第一個 <title> 元素的文本節點值：

xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];
x.nodeValue="Hello World";

例子解釋：

  • 通過使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc 中
  • 獲取第一個 <title> 元素的文本節點
  • 把此文本節點的節點值更改為 "Hello World"

TIY

遍歷并更改所有 <title> 元素的文本節點：TIY

改變屬性的值

在 DOM 中，屬性也是節點。與元素節點不同，屬性節點擁有文本值。

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

可以通過使用 setAttribute() 方法或屬性節點的 nodeValue 屬性來完成這個任務。

通過使用 setAttribute() 來改變屬性

setAttribute() 方法設置已有屬性的值，或創建新屬性。

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

xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName('book');
x[0].setAttribute("category","child");

例子解釋：

  • 通過使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc 中
  • 獲取第一個 <book> 元素
  • 把 "category" 屬性的值更改為 "child"

TIY

遍歷所有 <title> 并添加一個新屬性：TIY

注釋：如果屬性節點不存在，則創建一個新屬性（擁有指定的名稱和值）。

通過使用 nodeValue 改變屬性

nodeValue 屬性可用于更改屬性節點的值：

xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName("book")[0]
y=x.getAttributeNode("category");
y.nodeValue="child";

例子解釋：

  • 通過使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc 中
  • 獲取第一個 <book> 元素的 "category" 屬性
  • 把該屬性節點的值更改為 "child"

TIY