XML DOM – 添加節(jié)點

2018-02-11 16:53 更新

XML DOM 添加節(jié)點

本節(jié)的內(nèi)容包括:添加節(jié)點、插入節(jié)點、添加新屬性以及向文本節(jié)點添加文本。

實例

嘗試一下 - 實例

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

在最后一個子節(jié)點之后添加一個節(jié)點
本例使用 appendChild() 方法向一個已有的節(jié)點添加一個子節(jié)點。

在指定的子節(jié)點之前添加一個節(jié)點
本例使用 insertBefore() 方法在一個指定的子節(jié)點之前插入一個節(jié)點。

添加一個新屬性
本例使用 setAttribute() 方法添加一個新的屬性。

向文本節(jié)點添加數(shù)據(jù)
本例使用 insertData() 把數(shù)據(jù)插入一個已有的文本節(jié)點中。


添加節(jié)點 - appendChild()

appendChild() 方法向一個已有的節(jié)點添加一個子節(jié)點。

新節(jié)點會添加(追加)到任何已有的子節(jié)點之后。

注意:如果節(jié)點的位置很重要,請使用 insertBefore() 方法。

下面的代碼片段創(chuàng)建一個元素(<edition>),并把它添加到第一個 <book> 元素的最后一個子節(jié)點后面:

實例

xmlDoc=loadXMLDoc("books.xml");

newel=xmlDoc.createElement("edition");

x=xmlDoc.getElementsByTagName("book")[0];
x.appendChild(newel);

嘗試一下 ?

實例解釋:

  1. 使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc 中
  2. 創(chuàng)建一個新節(jié)點 <edition>
  3. 把這個節(jié)點追加到第一個 <book> 元素

遍歷并向所有 <book> 元素追加一個元素:嘗試一下


插入節(jié)點 - insertBefore()

insertBefore()方法用于在指定的子節(jié)點之前插入節(jié)點。

在被添加的節(jié)點的位置很重要時,此方法很有用:

實例

xmlDoc=loadXMLDoc("books.xml");

newNode=xmlDoc.createElement("book");

x=xmlDoc.documentElement;
y=xmlDoc.getElementsByTagName("book")[3];

x.insertBefore(newNode,y);

嘗試一下 ?

實例解釋:

  1. 使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc 中
  2. 創(chuàng)建一個新的元素節(jié)點 <book>
  3. 把這個新節(jié)點插到最后一個 <book> 元素節(jié)點之前

如果 insertBefore() 的第二個參數(shù)是 null,新節(jié)點將被添加到最后一個已有的子節(jié)點之后。

x.insertBefore(newNode,null)x.appendChild(newNode) 都可以向 x 追加一個新的子節(jié)點。


添加新屬性

addAtribute() 這個方法是不存在的。

如果屬性不存在,則 setAttribute() 可創(chuàng)建一個新的屬性:

實例

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName('book');
x[0].setAttribute("edition","first");

嘗試一下 ?

實例解釋:

  1. 使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc 中
  2. 把第一個 <book> 元素的 "edition" 屬性的值設置(創(chuàng)建)為 "first"

注意:如果屬性已存在,setAttribute() 方法將覆蓋已有的值。


向文本節(jié)點添加文本 - insertData()

insertData() 方法將數(shù)據(jù)插入已有的文本節(jié)點中。

insertData() 方法有兩個參數(shù):

  • offset - 在何處開始插入字符(以 0 開始)
  • string - 要插入的字符串

下面的代碼片段將把 "Easy" 添加到已加載的 XML 的第一個 <title> 元素的文本節(jié)點:

實例

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];

x.insertData(0,"Easy ");

嘗試一下 ?
以上便是本節(jié)的全部介紹內(nèi)容了,在接下來的一節(jié)中,我們會讓你了解如何克隆節(jié)點。
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號