创建节点

收藏747

阅读1852

更新时间2025-07-30

创建新的元素节点

createElement() 方法创建新的元素节点:

例子 1

newElement = xmlDoc.createElement("edition");

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

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

例子解释:

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

例子 2

循环遍历并向所有 <book> 元素添加一个元素:

for (i = 0; i < xLen; i++) { 
    newEle = xmlDoc.createElement("edition");
    newText = xmlDoc.createTextNode("第一版");
    newEle.appendChild(newText);
    x[i].appendChild(newEle);
}
运行实例 »

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

创建新的属性节点

createAttribute() 用于创建新的属性节点:

例子 1

newAtt = xmlDoc.createAttribute("edition");
newAtt.nodeValue = "第一版";

xmlDoc.getElementsByTagName("title")[0].setAttributeNode(newAtt);
运行实例 »

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

例子解释:

  1. 假设 books.xml 被加载到 xmlDoc
  2. 创建新的属性节点 "edition"
  3. 将这个属性节点的值设置为 "first"
  4. 将这个新属性节点添加到第一个 <title> 元素

例子 2

循环遍历所有 <title> 元素并添加新的属性节点:

for (i = 0; i < xLen; i++) { 
    newAtt = xmlDoc.createAttribute("edition");
    newAtt.value = "第一版";
    x[i].setAttributeNode(newAtt);
}
运行实例 »

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

如果该属性已存在,则将其替换为新属性。

使用 setAttribute() 创建属性

由于 setAttribute() 方法会在属性不存在时创建新属性,因此它也可用于创建新属性。

例子 1

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

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

例子解释:

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

例子 2

循环遍历所有 <title> 元素并添加新属性:

for(i = 0; i < x.length; i++) {
    x[i].setAttribute("edition", "第一版");
}
运行实例 »

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

创建文本节点

createTextNode() 方法创建新的文本节点:

例子 1

newEle = xmlDoc.createElement("edition");
newText = xmlDoc.createTextNode("first");
newEle.appendChild(newText);

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

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

例子解释:

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

例子 2

将带有文本节点的元素节点添加到所有 <book> 元素:

for (i = 0; i < xLen; i++) { 
    newEle = xmlDoc.createElement("edition");
    newText = xmlDoc.createTextNode("第一版");
    newEle.appendChild(newText);
    x[i].appendChild(newEle);
}
运行实例 »

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

创建 CDATA Section 节点

createCDATASection() 方法创建新的 CDATA section 节点。

例子 1

newCDATA = xmlDoc.createCDATASection("新年特惠 & 限时折扣");

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

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

例子解释:

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

例子 2

循环遍历并向所有 <book> 元素添加 CDATA 部分:

x = xmlDoc.getElementsByTagName("book");
xLen = x.length;
newtext = "新年特惠 & 限时折扣";
for (i = 0; i < xLen; i++) { 
    newCDATA = xmlDoc.createCDATASection(newtext);
    x[i].appendChild(newCDATA);
}
运行实例 »

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

创建注释节点

createComment() 方法创建新的注释节点。

例子 1

newComment = xmlDoc.createComment("2024 年 2 月修订");

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

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

例子解释:

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

例子 2

循环遍历并向所有 <book> 元素添加注释节点:

x = xmlDoc.getElementsByTagName("book");
xLen = x.length
for (i = 0; i < xLen; i++) { 
    newComment = xmlDoc.createComment("2024 年 2 月修订");
    x[i].appendChild(newComment);
}
运行实例 »

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

科技资讯

更多

精选课程

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

共29课时

62万人学习

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

共25课时

39.5万人学习

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

共43课时

71.3万人学习

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

共25课时

61.9万人学习

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

共22课时

23.1万人学习

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

共28课时

34.1万人学习

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

共89课时

125.8万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号