XML教程

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

添加节点 - appendChild()

appendChild() 方法将子节点添加到现有节点。

新节点可添加(追加)到任何现有的子节点之后。

注意:如果节点的位置很重要,请使用 insertBefore()。

下面的代码片段创建一个元素 (<edition>),并将其添加到第一个 <book> 元素的最后一个子元素之后:

例子 1

newEle = xmlDoc.createElement("edition");

xmlDoc.getElementsByTagName("book")[0].appendChild(newEle);
运行实例 »

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

例子解释:

  1. 假设 books.xml 已被加载到 xmlDoc 中
  2. 创建新节点 <edition>
  3. 将节点追加到第一个 <book> 元素

下面这段代码的作用与上面相同,但新元素添加了一个值:

例子 2

newEle = xmlDoc.createElement("edition");
newText=xmlDoc.createTextNode("第一版");
newEle.appendChild(newText);

xmlDoc.getElementsByTagName("book")[0].appendChild(newEle);
运行实例 »

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

例子解释:

  1. 假设 books.xml 已被加载到 xmlDoc 中
  2. 创建新节点 <edition>
  3. 创建新的文本节点 "第一版"
  4. 将这个文本节点追加到 <edition> 节点
  5. 将 <edition> 节点追加到 <book> 元素

插入节点 - insertBefore()

insertBefore() 方法在指定的子节点之前插入节点。

如果被添加的节点的位置很重要,此方法很有用:

实例

newNode = xmlDoc.createElement("book");

x = xmlDoc.documentElement;
y = xmlDoc.getElementsByTagName("book")[3];

x.insertBefore(newNode,y);
运行实例 »

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

例子解释:

  1. 假设 books.xml 已被加载到 xmlDoc 中
  2. 创建新的元素节点 <book>
  3. 将这个新节点插入到最后一个 <book> 元素节点前面
  4. 如果 insertBefore() 的第二个参数为 null,则新节点将添加到最后一个现有的子节点之后。

x.insertBefore(newNode,null) 和 x.appendChild(newNode) 都可以向 x 追加新的子节点。

添加新属性

setAttribute() 方法设置属性的值。

如果属性不存在,则 setAttribute() 可创建一个新的属性:

实例

xmlDoc.getElementsByTagName('book')[0].setAttribute("edition","第一版");
运行实例 »

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

例子解释:

  1. 假设 books.xml 已加载到 xmlDoc 中
  2. 将第一个 <book> 元素的 "edition" 属性的值设置为 "第一版"

注意:并不存在名为 addAttribute() 的方法,如果属性不存在,setAttribute() 将创建新的属性。如果属性已存在,setAttribute() 方法将覆盖现有的值。

将文本添加到文本节点 - insertData()

insertData() 方法将数据插入现有的文本节点中。

insertData() 方法有两个参数:

  • offset - 从哪里开始插入字符(从 0 开始)
  • string - 要插入的字符串

下面的代码片段会将 "我最爱的" 添加到已加载的 XML 的第一个 <title> 元素的文本节点:

实例

xmlDoc.getElementsByTagName("title")[0].childNodes[0].insertData(0,"我最爱的");
运行实例 »

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

相关视频

更多

免费

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.8万人学习

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

共25课时

64.2万人学习

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

共22课时

24.4万人学习

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

共28课时

36.3万人学习

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

共89课时

133.5万人学习

热门下载

更多
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 用户进行代码编辑、文本处理、语法高亮和插件扩展配置。

下载