Latest web development tutorials

XML DOM – 添加節點

實例

嘗試一下- 實例

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

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

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

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

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


添加節點- appendChild()

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

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

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

下面的代碼片段創建一個元素(<edition>),並把它添加到第一個<book> 元素的最後一個子節點後面:

實例

xmlDoc=loadXMLDoc("books.xml");

newel=xmlDoc.createElement("edition");

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

嘗試一下»

實例解釋:

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

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


插入節點- insertBefore()

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

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

實例

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. 創建一個新的元素節點<book>
  3. 把這個新節點插到最後一個<book> 元素節點之前

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

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


添加新屬性

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

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

實例

xmlDoc=loadXMLDoc("books.xml");

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

嘗試一下»

實例解釋:

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

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


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

insertData() 方法將數據插入已有的文本節點中。

insertData() 方法有兩個參數:

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

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

實例

xmlDoc=loadXMLDoc("books.xml");

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

x.insertData(0,"Easy ");

嘗試一下»