Latest web development tutorials

XML DOM – 刪除節點

removeChild() 方法刪除指定節點。

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


實例

嘗試一下- 實例

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

刪除元素節點
本例使用removeChild() 來刪除第一個<book> 元素。

刪除當前元素節點
本例使用parentNode 和removeChild() 來刪除當前的<book> 元素。

刪除文本節點
本例使用removeChild() 來刪除第一個<title> 元素的文本節點。

清空文本節點的文本
本例使用nodeValue() 屬性來清空第一個<title> 元素的文本節點。

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

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


刪除元素節點

removeChild() 方法刪除指定的節點。

當一個節點被刪除時,其所有子節點也會被刪除。

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

實例

xmlDoc=loadXMLDoc("books.xml");

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

xmlDoc.documentElement.removeChild(y);

嘗試一下»

實例解釋:

  1. 使用loadXMLDoc()把" books.xml "載入xmlDoc中
  2. 把變量y 設置為要刪除的元素節點
  3. 通過使用removeChild() 方法從父節點刪除元素節點

刪除自身- 刪除當前的節點

removeChild() 方法是唯一可以刪除指定節點的方法。

當您已導航到需要刪除的節點時,就可以通過使用parentNode 屬性和removeChild() 方法來刪除此節點:

實例

xmlDoc=loadXMLDoc("books.xml");

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

x.parentNode.removeChild(x);

嘗試一下»

實例解釋:

  1. 使用loadXMLDoc()把" books.xml "載入xmlDoc中
  2. 把變量y 設置為要刪除的元素節點
  3. 通過使用parentNode 屬性和removeChild() 方法來刪除此元素節點

刪除文本節點

removeChild() 方法可用於刪除文本節點:

實例

xmlDoc=loadXMLDoc("books.xml");

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

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

嘗試一下»

實例解釋:

  1. 使用loadXMLDoc()把" books.xml "載入xmlDoc中
  2. 把變量x 設置為第一個title 元素節點
  3. 把變量y 設置為要刪除的文本節點
  4. 通過使用removeChild() 方法從父節點刪除元素節點

不太常用removeChild() 從節點刪除文本。 可以使用nodeValue 屬性代替它。 請看下一段。


清空文本節點

nodeValue 屬性可用於改變或清空文本節點的值:

實例

xmlDoc=loadXMLDoc("books.xml");

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

嘗試一下»

實例解釋:

  1. 使用loadXMLDoc()把" books.xml "載入xmlDoc中
  2. 把變量x 設置為第一個title 元素的文本節點
  3. 使用nodeValue 屬性來清空文本節點的文本

遍歷並更改所有<title>元素的文本節點: 嘗試一下


根據名稱刪除屬性節點

removeAttribute(name)方法用於根據名稱刪除屬性節點。

實例:removeAttribute('category')

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

實例

xmlDoc=loadXMLDoc("books.xml");

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

嘗試一下»

實例解釋:

  1. 使用loadXMLDoc()把" books.xml "載入xmlDoc中
  2. 使用getElementsByTagName() 來獲取book 節點
  3. 從第一個book 元素節點中刪除"category" 屬性

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


根據對象刪除屬性節點

removeAttributeNode(node)方法通過使用node對像作為參數,來刪除屬性節點。

實例: removeAttributeNode(x)

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

實例

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);
}
}

嘗試一下»

實例解釋:

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