XML DOM 添加節點

添加節點 - appendChild()

appendChild() 方法將子節點添加到現有節點。

新節點可添加(追加)到任何現有的子節點之后。

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

下面的代碼片段創建一個元素 (<edition>),并將其添加到第一個 <book> 元素的最后一個子元素之后:

例子 1

newEle = xmlDoc.createElement("edition");
xmlDoc.getElementsByTagName("book")[0].appendChild(newEle);

親自試一試

例子解釋:

  1. 假設 books.xml 已被加載到 xmlDoc
  2. 創建新節點 <edition>
  3. 將節點追加到第一個 <book> 元素

下面這段代碼的作用與上面相同,但新元素添加了一個值:

例子 2

newEle = xmlDoc.createElement("edition");
newText=xmlDoc.createTextNode("第一版");
newEle.appendChild(newText);
xmlDoc.getElementsByTagName("book")[0].appendChild(newEle);

親自試一試

例子解釋:

  1. 假設 books.xml 已被加載到 xmlDoc
  2. 創建新節點 <edition>
  3. 創建新的文本節點 "第一版"
  4. 將這個文本節點追加到 <edition> 節點
  5. 將 <edition> 節點追加到 <book> 元素

插入節點 - insertBefore()

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

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

實例

newNode = xmlDoc.createElement("book");
x = xmlDoc.documentElement;
y = xmlDoc.getElementsByTagName("book")[3];
x.insertBefore(newNode,y);

親自試一試

例子解釋:

  1. 假設 books.xml 已被加載到 xmlDoc
  2. 創建新的元素節點 <book>
  3. 將這個新節點插入到最后一個 <book> 元素節點前面
  4. 如果 insertBefore() 的第二個參數為 null,則新節點將添加到最后一個現有的子節點之后。

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

添加新屬性

setAttribute() 方法設置屬性的值。

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

實例

xmlDoc.getElementsByTagName('book')[0].setAttribute("edition","第一版");

親自試一試

例子解釋:

  1. 假設 books.xml 已加載到 xmlDoc
  2. 將第一個 <book> 元素的 "edition" 屬性的值設置為 "第一版"

注意:并不存在名為 addAttribute() 的方法,如果屬性不存在,setAttribute() 將創建新的屬性。如果屬性已存在,setAttribute() 方法將覆蓋現有的值。

將文本添加到文本節點 - insertData()

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

insertData() 方法有兩個參數:

  • offset - 從哪里開始插入字符(從 0 開始)
  • string - 要插入的字符串

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

實例

xmlDoc.getElementsByTagName("title")[0].childNodes[0].insertData(0,"我最愛的");

親自試一試