XML DOM 添加節(jié)點(diǎn)
實(shí)例
下面的例子使用 XML 文件 books.xml。
函數(shù) loadXMLDoc(),位于外部 JavaScript 中,用于加載 XML 文件。
- 在最后一個(gè)子節(jié)點(diǎn)之后添加一個(gè)節(jié)點(diǎn)
- 本例使用 appendChild() 方法向一個(gè)存在的節(jié)點(diǎn)添加一個(gè)子節(jié)點(diǎn)。
- 在指定的子節(jié)點(diǎn)之前添加一個(gè)節(jié)點(diǎn)
- 本例使用 insertBefore() 方法在一個(gè)指定的子節(jié)點(diǎn)之前插入一個(gè)節(jié)點(diǎn)。
- 添加一個(gè)新屬性
- 本例使用 setAttribute() 方法添加一個(gè)新的屬性。
- 向文本節(jié)點(diǎn)添加數(shù)據(jù)
- 本例使用 insertData() 把數(shù)據(jù)插入一個(gè)已存在的文本節(jié)點(diǎn)中。
添加節(jié)點(diǎn) - appendChild()
appendChild() 方法向已存在的節(jié)點(diǎn)添加子節(jié)點(diǎn)。
新節(jié)點(diǎn)會(huì)添加(追加)到任何已存在的子節(jié)點(diǎn)之后。
注釋:如果節(jié)點(diǎn)的位置很重要,請(qǐng)使用 insertBefore() 方法。
下面的代碼片段創(chuàng)建一個(gè)元素(<edition>),并把它添加到第一個(gè) <book> 元素最后一個(gè)子節(jié)點(diǎn)后面:
xmlDoc=loadXMLDoc("books.xml"); newel=xmlDoc.createElement("edition"); x=xmlDoc.getElementsByTagName("book")[0]; x.appendChild(newel);
例子解釋:
- 通過使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc 中
- 創(chuàng)建一個(gè)新節(jié)點(diǎn) <edition>
- 把這個(gè)節(jié)點(diǎn)追加到第一個(gè) <book> 元素
循環(huán)并把一個(gè)元素追加到所有 <book> 元素:TIY
插入節(jié)點(diǎn) - insertBefore()
insertBefore() 方法用于在指定的子節(jié)點(diǎn)之前插入節(jié)點(diǎn)。
在被添加的節(jié)點(diǎn)的位置很重要時(shí),此方法很有用。
xmlDoc=loadXMLDoc("books.xml"); newNode=xmlDoc.createElement("book"); x=xmlDoc.documentElement; y=xmlDoc.getElementsByTagName("book")[3]; x.insertBefore(newNode,y);
例子解釋:
- 通過使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc 中
- 創(chuàng)建一個(gè)新的元素節(jié)點(diǎn) <book>
- 把這個(gè)節(jié)點(diǎn)插到最后一個(gè) <book> 元素節(jié)點(diǎn)之前
如果 insertBefore() 的第二個(gè)參數(shù)是 null,新節(jié)點(diǎn)將添加到最后一個(gè)已有的子節(jié)點(diǎn)之后。
x.insertBefore(newNode,null) 和 x.appendChild(newNode) 都可以向 x 追加一個(gè)新的子節(jié)點(diǎn)。
添加新屬性
addAtribute() 這個(gè)方法是不存在的。
如果屬性不存在,則 setAttribute() 可創(chuàng)建一個(gè)新的屬性:
xmlDoc=loadXMLDoc("books.xml"); x=xmlDoc.getElementsByTagName('book'); x[0].setAttribute("edition","first");
例子解釋:
- 通過使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc 中
- 把第一個(gè) <book> 元素的 "edition" 屬性的值設(shè)置(創(chuàng)建)"first"
注釋:如果屬性已存在,setAttribute() 方法將覆蓋已有的值。
向文本節(jié)點(diǎn)添加文本 - insertData()
insertData() 方法將數(shù)據(jù)插入已有的文本節(jié)點(diǎn)中。
insertData() 方法有兩個(gè)參數(shù):
- offset - 在何處開始插入字符(以 0 開始)
- string - 要插入的字符串
下面的代碼片段將把 "Easy" 添加到已加載的 XML 的第一個(gè) <title> 元素的文本節(jié)點(diǎn):
xmlDoc=loadXMLDoc("books.xml"); x=xmlDoc.getElementsByTagName("title")[0].childNodes[0]; x.insertData(0,"Hello ");