刪除元素節(jié)點

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

當一個節(jié)點被刪除時，其所有子節(jié)點也會被刪除。

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

xmlDoc=loadXMLDoc("books.xml");

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

xmlDoc.documentElement.removeChild(y); 

例子解釋：

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

親自試一試

刪除自身 - 刪除當前的節(jié)點

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

當你已定位需要刪除的節(jié)點時，就可以通過使用 parentNode 屬性和 removeChild() 方法來刪除此節(jié)點：

xmlDoc=loadXMLDoc("books.xml");

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

x.parentNode.removeChild(x); 

例子解釋：

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

親自試一試

刪除文本節(jié)點

removeChild() 方法可用于刪除文本節(jié)點：

xmlDoc=loadXMLDoc("books.xml");

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

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

例子解釋：

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

親自試一試

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

清空文本節(jié)點

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

xmlDoc=loadXMLDoc("books.xml");

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

例子解釋：

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

親自試一試

循環(huán)并更改所有 <title> 元素的文本節(jié)點：TIY

根據名稱刪除屬性節(jié)點

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

Example: removeAttribute('category')

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

xmlDoc=loadXMLDoc("books.xml");

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

例子解釋：

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

親自試一試

遍歷并刪除所有 <book> 元素的 "category" 屬性：TIY。

根據對象刪除屬性節(jié)點

removeAttributeNode(node) 方法通過使用 Node 對象作為參數，來刪除屬性節(jié)點。

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

例子解釋：

• 通過使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc 中
• 使用 getElementsByTagName() 來獲取所有 book 節(jié)點
• 檢查每個 book 元素是否擁有屬性
• 如果在某個 book 元素中存在屬性，則刪除該屬性

親自試一試