Agregar nodos DOM XML
- Página anterior Creación de nodo DOM
- Página siguiente Nodo DOM clonado
Añadir nodo - appendChild()
appendChild()
El método añade un nodo hijo a un nodo existente.
El nuevo nodo se puede añadir (adjuntar) después de cualquier nodo hijo existente.
注意:Si la posición del nodo es importante, utilice insertBefore().
El siguiente fragmento de código crea un elemento (<edición>) y lo añade después del último elemento hijo del primer elemento <book>.
Ejemplo 1
newEle = xmlDoc.createElement("edición"); xmlDoc.getElementsByTagName("book")[0].appendChild(newEle);
例子解释:
- 假设 books.xml 已被加载到
xmlDoc
中 - 创建新节点 <edition>
- Añadir el nodo al primer elemento <book>.
La función de este fragmento de código es la misma que la anterior, pero el nuevo elemento tiene un valor adicional:
Ejemplo 2
newEle = xmlDoc.createElement("edición"); newText = xmlDoc.createTextNode("Primera versión"); newEle.appendChild(newText); xmlDoc.getElementsByTagName("book")[0].appendChild(newEle);
例子解释:
- 假设 books.xml 已被加载到
xmlDoc
中 - 创建新节点 <edition>
- 创建新的文本节点
"第一版"
- 将这个文本节点追加到 <edition> 节点
- 将 <edition> 节点追加到 <book> 元素
插入节点 - insertBefore()
insertBefore()
方法在指定的子节点之前插入节点。
如果被添加的节点的位置很重要,此方法很有用:
Ejemplo
newNode = xmlDoc.createElement("book"); x = xmlDoc.documentElement; y = xmlDoc.getElementsByTagName("book")[3]; x.insertBefore(newNode,y);
例子解释:
- 假设 books.xml 已被加载到
xmlDoc
中 - 创建新的元素节点 <book>
- 将这个新节点插入到最后一个 <book> 元素节点前面
- 如果 insertBefore() 的第二个参数为 null,则新节点将添加到最后一个现有的子节点之后。
x.insertBefore(newNode,null) 和 x.appendChild(newNode) 都可以向 x 追加新的子节点。
添加新属性
setAttribute()
方法设置属性的值。
如果属性不存在,则 setAttribute()
可创建一个新的属性:
Ejemplo
xmlDoc.getElementsByTagName('book')[0].setAttribute("edition","第一版");
例子解释:
- 假设 books.xml 已加载到
xmlDoc
中 - 将第一个 <book> 元素的 "edition" 属性的值设置为 "第一版"
注意:并不存在名为 addAttribute() 的方法,如果属性不存在,setAttribute() 将创建新的属性。如果属性已存在,setAttribute() 方法将覆盖现有的值。
将文本添加到文本节点 - insertData()
insertData()
方法将数据插入现有的文本节点中。
insertData()
方法有两个参数:
- offset - 从哪里开始插入字符(从 0 开始)
- string - La cadena a insertar
El siguiente fragmento de código agregará "Mi más amado" al primer nodo de texto del elemento <title> XML cargado:
Ejemplo
xmlDoc.getElementsByTagName("title")[0].childNodes[0].insertData(0,"Mi más amado");
- Página anterior Creación de nodo DOM
- Página siguiente Nodo DOM clonado