XML教程

浏览4664
更新时间2025-07-30

删除元素节点

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

当一个节点被删除时,它的所有子节点也会被删除。

这段代码将从已加载的 xml 中删除第一个 <book> 元素:

实例

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

xmlDoc.documentElement.removeChild(y);
运行实例 »

点击 "运行实例" 按钮查看在线实例

例子解释:

  1. 假设 books.xml 已被加载到 xmlDoc 中
  2. 将变量 y 设置为要删除的元素节点
  3. 使用 removeChild() 方法从父节点中删除该元素节点

删除自己 - 删除当前节点

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

当您导航到要删除的节点时,可以使用 parentNode 属性和 removeChild() 方法来删除该节点:

实例

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

x.parentNode.removeChild(x);
运行实例 »

点击 "运行实例" 按钮查看在线实例

例子解释:

  1. 假设 books.xml 已被加载到 xmlDoc 中
  2. 将变量 y 设置为要删除的元素节点
  3. 使用 parentNode 属性和 removeChild() 方法来删除元素节点

删除文本节点

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

实例

x = xmlDoc.getElementsByTagName("title")[0];
y = x.childNodes[0];
x.removeChild(y);
运行实例 »

点击 "运行实例" 按钮查看在线实例

例子解释:

  1. 假设 books.xml 已被加载到 xmlDoc 中
  2. 将变量 x 设置为第一个 title 元素节点
  3. 将变量 y 设置为要删除的文本节点
  4. 使用 removeChild() 方法从父节点中删除该节点

仅使用 removeChild() 从节点中删除文本的情况并不常见。可以使用 nodeValue 属性来代替。请参阅下一段。

清空文本节点

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

实例

xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue = "";
运行实例 »

点击 "运行实例" 按钮查看在线实例

例子解释:

  1. 假设 books.xml 已被加载到 xmlDoc 中
  2. 获取第一个 title 元素的第一个子节点
  3. 使用 nodeValue 属性来清除文本节点中的文本

根据名称删除属性节点

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

例子 1

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

x = xmlDoc.getElementsByTagName("book");
x[0].removeAttribute("category");
运行实例 »

点击 "运行实例" 按钮查看在线实例

例子解释:

  1. 假设 books.xml 已被加载到 xmlDoc 中
  2. 使用 getElementsByTagName() 来获取 book 节点
  3. 从第一个 book 元素节点中删除 "category" 属性

例子 2

循环并删除所有 <book> 元素的 "category" 属性:

for (i = 0; i < xLen; i++) {
    y = x.item(i);
    y.removeAttribute('category');
}
运行实例 »

点击 "运行实例" 按钮查看在线实例

根据对象删除属性节点

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

下面的代码删除所有 <book> 元素的所有属性:

实例

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. 假设 books.xml 已被加载到 xmlDoc 中
  2. 使用 getElementsByTagName() 来获取所有 book 节点
  3. 检查每个 book 元素是否有属性
  4. 如果在某个 book 元素中存在属性,则删除该属性

相关视频

更多

免费

php8,我来也
初级php8,我来也

34万次学习

收藏

免费

Thinkphp6.0正式版视频教程
中级Thinkphp6.0正式版视频教程

39.6万次学习

收藏

免费

细说PHP第一季
中级细说PHP第一季

31万次学习

收藏

精品课程

更多
前端入门_HTML5
前端入门_HTML5

共29课时

65万人学习

CSS视频教程-玉女心经版
CSS视频教程-玉女心经版

共25课时

41.3万人学习

JavaScript极速入门_玉女心经系列
JavaScript极速入门_玉女心经系列

共43课时

76.7万人学习

独孤九贱(1)_HTML5视频教程
独孤九贱(1)_HTML5视频教程

共25课时

64.1万人学习

独孤九贱(2)_CSS视频教程
独孤九贱(2)_CSS视频教程

共22课时

24.4万人学习

独孤九贱(3)_JavaScript视频教程
独孤九贱(3)_JavaScript视频教程

共28课时

36.2万人学习

独孤九贱(4)_PHP视频教程
独孤九贱(4)_PHP视频教程

共89课时

133.3万人学习

热门下载

更多
phpStudy 2018最新版
phpStudy 2018最新版

集成PHP7,16种组合,超全大合集

下载

VC9 32位
VC9 32位

VC9 32位 phpstudy集成安装环境运行库

下载

VC11 32位
VC11 32位

VC11 32位 phpstudy集成安装环境运行库​

下载

php程序员工具箱完整版
php程序员工具箱完整版

程序员工具箱 v1.0 php集成环境

下载

VC14 32位
VC14 32位

VC14 32位 phpstudy安装环境运行库

下载

SublimeText3汉化版
SublimeText3汉化版

中文版,非常好用

下载

Notepad++ Windows版
Notepad++ Windows版

Notepad++ 8.9.7 Windows版官方安装包,适合 Windows 用户进行代码编辑、文本处理、语法高亮和插件扩展配置。

下载