添加节点
编辑教程添加节点
本节的内容包括:添加节点、插入节点、添加新属性以及向文本节点添加文本。
添加节点 - appendChild()
appendChild() 方法向一个已有的节点添加一个子节点。
新节点会添加(追加)到任何已有的子节点之后。
注意:如果节点的位置很重要,请使用 insertBefore() 方法。
下面的代码片段创建一个元素(<edition>),并把它添加到第一个 <book> 元素的最后一个子节点后面:
xmlDoc=loadXMLDoc("books.xml");
newel=xmlDoc.createElement("edition");
x=xmlDoc.getElementsByTagName("book")[0];
x.appendChild(newel);
实例解释:
使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中 | |
---|---|
创建一个新节点 <edition> | |
把这个节点追加到第一个 <book> 元素 |
插入节点 - insertBefore()
insertBefore()方法用于在指定的子节点之前插入节点。
在被添加的节点的位置很重要时,此方法很有用:
xmlDoc=loadXMLDoc("books.xml");
newNode=xmlDoc.createElement("book");
x=xmlDoc.documentElement;
y=xmlDoc.getElementsByTagName("book")[3];
x.insertBefore(newNode,y);
实例解释:
使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中 | |
---|---|
创建一个新的元素节点 <book> | |
把这个新节点插到最后一个 <book> 元素节点之前 | |
如果 insertBefore() 的第二个参数是 null,新节点将被添加到最后一个已有的子节点之后。 |
x.insertBefore(newNode,null) 和 x.appendChild(newNode) 都可以向 x 追加一个新的子节点。
添加新属性
addAtribute() 这个方法是不存在的。
如果属性不存在,则 setAttribute() 可创建一个新的属性:
xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName('book');
x[0].setAttribute("edition","first");
实例解释:
使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中
把第一个 <book> 元素的 "edition" 属性的值设置(创建)为 "first"
注意:如果属性已存在,setAttribute() 方法将覆盖已有的值。
向文本节点添加文本 - insertData()
insertData() 方法将数据插入已有的文本节点中。
insertData() 方法有两个参数:
offset | 在何处开始插入字符(以 0 开始) |
---|---|
string | 要插入的字符串 |
下面的代码片段将把 "Easy" 添加到已加载的 XML 的第一个 <title> 元素的文本节点:
xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];
x.insertData(0,"Easy ");
Mos固件,小电视必刷固件
ES6 教程
Vue.js 教程
JSON 教程
jQuery 教程
HTML 教程
HTML 5 教程
CSS 教程
CSS3 教程
JavaScript 教程
DHTML 教程
JSON在线格式化工具
JS在线运行
JSON解析格式化
jsfiddle中国国内版本
JS代码在线运行
PHP代码在线运行
Java代码在线运行
C语言代码在线运行
C++代码在线运行
Python代码在线运行
Go语言代码在线运行
C#代码在线运行
JSRUN闪电教程系统是国内最先开创的教程维护系统, 所有工程师都可以参与共同维护的闪电教程,让知识的积累变得统一完整、自成体系。
大家可以一起参与进共编,让零散的知识点帮助更多的人。
X
选择支付方式:
立即支付
¥
9.99
无法付款,请点击这里
金额: 0 元
备注:
转账时请填写正确的金额和备注信息,到账由人工处理,可能需要较长时间
备注:
转账时请填写正确的金额和备注信息,到账由人工处理,可能需要较长时间
如有疑问请联系QQ:565830900
正在生成二维码, 此过程可能需要15秒钟