XML DOM – 刪除節(jié)點(diǎn)

2018-02-11 16:40 更新

XML DOM 刪除節(jié)點(diǎn)

DOM 節(jié)點(diǎn)可以根據(jù)需要進(jìn)行刪除操作,本節(jié)為你講解如何刪除節(jié)點(diǎn)。

removeChild() 方法刪除指定節(jié)點(diǎn)。

removeAttribute() 方法刪除指定屬性。


實(shí)例

嘗試一下 - 實(shí)例

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

刪除元素節(jié)點(diǎn)
本例使用 removeChild() 來(lái)刪除第一個(gè) <book> 元素。

刪除當(dāng)前元素節(jié)點(diǎn)
本例使用 parentNode 和 removeChild() 來(lái)刪除當(dāng)前的 <book> 元素。

刪除文本節(jié)點(diǎn)
本例使用 removeChild() 來(lái)刪除第一個(gè) <title> 元素的文本節(jié)點(diǎn)。

清空文本節(jié)點(diǎn)的文本
本例使用 nodeValue() 屬性來(lái)清空第一個(gè) <title> 元素的文本節(jié)點(diǎn)。

根據(jù)名稱(chēng)刪除屬性
本例使用 removeAttribute() 從第一個(gè) <book> 元素中刪除 "category" 屬性。

根據(jù)對(duì)象刪除屬性
本例使用 removeAttributeNode() 從所有 <book> 元素中刪除所有屬性。


刪除元素節(jié)點(diǎn)

removeChild() 方法刪除指定的節(jié)點(diǎn)。

當(dāng)一個(gè)節(jié)點(diǎn)被刪除時(shí),其所有子節(jié)點(diǎn)也會(huì)被刪除。

下面的代碼片段將從載入的 xml 中刪除第一個(gè) <book> 元素:

實(shí)例

xmlDoc=loadXMLDoc("books.xml");

y=xmlDoc.getElementsByTagName("book")[0];

xmlDoc.documentElement.removeChild(y);

嘗試一下 ?

實(shí)例解釋?zhuān)?/p>

  1. 使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc 中
  2. 把變量 y 設(shè)置為要?jiǎng)h除的元素節(jié)點(diǎn)
  3. 通過(guò)使用 removeChild() 方法從父節(jié)點(diǎn)刪除元素節(jié)點(diǎn)

刪除自身 - 刪除當(dāng)前的節(jié)點(diǎn)

removeChild() 方法是唯一可以刪除指定節(jié)點(diǎn)的方法。

當(dāng)您已導(dǎo)航到需要?jiǎng)h除的節(jié)點(diǎn)時(shí),就可以通過(guò)使用 parentNode 屬性和 removeChild() 方法來(lái)刪除此節(jié)點(diǎn):

實(shí)例

xmlDoc=loadXMLDoc("books.xml");

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

x.parentNode.removeChild(x);

嘗試一下 ?

實(shí)例解釋?zhuān)?/p>

  1. 使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc 中
  2. 把變量 y 設(shè)置為要?jiǎng)h除的元素節(jié)點(diǎn)
  3. 通過(guò)使用 parentNode 屬性和 removeChild() 方法來(lái)刪除此元素節(jié)點(diǎn)

刪除文本節(jié)點(diǎn)

removeChild() 方法可用于刪除文本節(jié)點(diǎn):

實(shí)例

xmlDoc=loadXMLDoc("books.xml");

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

y=x.childNodes[0];
x.removeChild(y);

嘗試一下 ?

實(shí)例解釋?zhuān)?/p>

  1. 使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc 中
  2. 把變量 x 設(shè)置為第一個(gè) title 元素節(jié)點(diǎn)
  3. 把變量 y 設(shè)置為要?jiǎng)h除的文本節(jié)點(diǎn)
  4. 通過(guò)使用 removeChild() 方法從父節(jié)點(diǎn)刪除元素節(jié)點(diǎn)

不太常用 removeChild() 從節(jié)點(diǎn)刪除文本??梢允褂?nodeValue 屬性代替它。請(qǐng)看下一段。


清空文本節(jié)點(diǎn)

nodeValue 屬性可用于改變或清空文本節(jié)點(diǎn)的值:

實(shí)例

xmlDoc=loadXMLDoc("books.xml");

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

嘗試一下 ?

實(shí)例解釋?zhuān)?/p>

  1. 使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc 中
  2. 把變量 x 設(shè)置為第一個(gè) title 元素的文本節(jié)點(diǎn)
  3. 使用 nodeValue 屬性來(lái)清空文本節(jié)點(diǎn)的文本

遍歷并更改所有 <title> 元素的文本節(jié)點(diǎn): 嘗試一下


根據(jù)名稱(chēng)刪除屬性節(jié)點(diǎn)

removeAttribute(name) 方法用于根據(jù)名稱(chēng)刪除屬性節(jié)點(diǎn)。

實(shí)例:removeAttribute('category')

下面的代碼片段刪除第一個(gè) <book> 元素中的 "category" 屬性:

實(shí)例

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName("book");
x[0].removeAttribute("category");

嘗試一下 ?

實(shí)例解釋?zhuān)?/p>

  1. 使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc 中
  2. 使用 getElementsByTagName() 來(lái)獲取 book 節(jié)點(diǎn)
  3. 從第一個(gè) book 元素節(jié)點(diǎn)中刪除 "category" 屬性

遍歷并刪除所有 <book> 元素的 "category" 屬性: 嘗試一下


根據(jù)對(duì)象刪除屬性節(jié)點(diǎn)

removeAttributeNode(node) 方法通過(guò)使用 node 對(duì)象作為參數(shù),來(lái)刪除屬性節(jié)點(diǎn)。

實(shí)例: removeAttributeNode(x)

下面的代碼片段刪除所有 <book> 元素的所有屬性:

實(shí)例

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName("book");

for (i=0;i<x.length;i++)
{
while (x[i].attributes.length>0)
{
attnode=x[i].attributes[0];
old_att=x[i].removeAttributeNode(attnode);
}
}

嘗試一下 ?

實(shí)例解釋?zhuān)?/p>

  1. 使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc 中
  2. 使用 getElementsByTagName() 來(lái)獲取所有 book 節(jié)點(diǎn)
  3. 檢查每個(gè) book 元素是否擁有屬性
  4. 如果在某個(gè) book 元素中存在屬性,則刪除該屬性

相關(guān)文章

XML DOM removeChild() 方法

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)