XML DOM

• DOM 首页
• DOM 简介
• DOM 节点
• DOM 节点树
• DOM 解析
• DOM 加载
• DOM 属性和方法
• DOM 访问节点
• DOM 节点信息
• DOM 节点列表
• DOM 遍历节点
• DOM 浏览器
• DOM 定位节点

节点操作

• DOM 获取节点
• DOM 改变节点
• DOM 删除节点
• DOM 替换节点
• DOM 创建节点
• DOM 添加节点
• DOM 克隆节点
• DOM HttpRequest

XML DOM 参考手册

• DOM 手册目录
• DOM 节点类型
• DOM Attr
• DOM CDATASection
• DOM CharacterData
• DOM CSS2Properties
• DOM CSSRule
• DOM CSSStyleRule
• DOM CSSStyleSheet
• DOM Comment
• DOM Document
• DOM DocumentType
• DOM DOMException
• DOM Implementation
• DOM DOMParser
• DOM Element
• DOM Event
• DOM HTMLCollection
• DOM HTMLDocument
• DOM HTMLElement
• DOM NamedNodeMap
• DOM Node
• DOM NodeList
• DOM ParseError
• DOM ProcessingInstr
• DOM Range
• DOM RangeException
• DOM Text
• DOM XMLHttpRequest
• DOM XMLSerializer
• DOM XPathExpression
• DOM XPathResult
• DOM XSLTProcessor

DOM 实例

• DOM 实例
• DOM 总结

建站手册

• 网站构建
• 万维网联盟 (W3C)
• 浏览器信息
• 网站品质
• 语义网
• 职业规划
• 网站主机

• DOM 改变节点
• DOM 替换节点

removeChild() 方法删除指定节点。

removeAttribute() 方法删除指定属性。

删除元素节点

removeChild() 方法删除指定的节点。

当一个节点被删除时，其所有子节点也会被删除。

下面的代码片段将从载入的 xml 中删除第一个 <book> 元素：

xmlDoc=loadXMLDoc("books.xml");
y=xmlDoc.getElementsByTagName("book")[0];
xmlDoc.documentElement.removeChild(y); 

例子解释：

• 通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中
• 把变量 y 设置为要删除的元素节点
• 通过使用 removeChild() 方法从父节点删除元素节点

TIY

删除自身 - 删除当前的节点

removeChild() 方法是唯一可以删除指定节点的方法。

当你已定位需要删除的节点时，就可以通过使用 parentNode 属性和 removeChild() 方法来删除此节点：

xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName("book")[0];
x.parentNode.removeChild(x); 

例子解释：

• 通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中
• 把变量 y 设置为要删除的元素节点
• 通过使用 parentNode 属性和 removeChild() 方法来删除此元素节点

TIY

删除文本节点

removeChild() 方法可用于删除文本节点：

xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName("title")[0];
y=x.childNodes[0];
x.removeChild(y); 

例子解释：

• 通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中
• 把变量 x 设置为第一个 title 元素节点
• 把变量 y 设置为 要删除的文本节点
• 通过使用 removeChild() 方法从父节点删除节点

TIY

不太常用 removeChild() 从节点删除文本。可以使用 nodeValue 属性代替它。请看下一段。

清空文本节点

nodeValue 属性可用于改变或清空文本节点的值：

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

例子解释：

• 通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中
• 把变量 x 设置为第一个 title 元素的文本节点
• 使用 nodeValue 属性来清空文本节点的文本

TIY

循环并更改所有 <title> 元素的文本节点：TIY

根据名称删除属性节点

removeAttribute(name) 方法用于根据名称删除属性节点。

Example: removeAttribute('category')

下面的代码片段删除第一个 <book> 元素中的 "category" 属性：

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

例子解释：

• 通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中
• 使用 getElementsByTagName() 来获取 book 节点
• 从第一个 book 元素节点中删除 "category" 属性

TIY

遍历并删除所有 <book> 元素的 "category" 属性：TIY。

根据对象删除属性节点

removeAttributeNode(node) 方法通过使用 Node 对象作为参数，来删除属性节点。

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 节点
• 检查每个 book 元素是否拥有属性
• 如果在某个 book 元素中存在属性，则删除该属性

TIY

• DOM 改变节点
• DOM 替换节点