Método XML DOM appendChild()
Definição e uso
appendChild()
O método adiciona um nó após o último filho do nó de elemento especificado.
Este método retorna o novo nó filho.
Sintaxe
appendChild(nó)
Parâmetro | Descrição |
---|---|
nó | Obrigatório. O nó a ser adicionado. |
Exemplo
Exemplo 1
O código a seguir carrega "books.xml" para xmlDoc, cria um nó (<edition>) e o adiciona após o último filho do primeiro nó <book>:
var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { myFunction(this); } }; xhttp.open("GET", "books.xml", true); xhttp.send(); function myFunction(xml) { var xmlDoc = xml.responseXML; var newel = xmlDoc.createElement("edition"); var x = xmlDoc.getElementsByTagName("book")[0]; x.appendChild(newel); document.getElementById("demo").innerHTML = x.getElementsByTagName("edition")[0].nodeName; }
Exemplo 2
O seguinte código carrega "books.xml" para xmlDoc e adiciona novos nós a todos os elementos <book>:
var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (xhttp.readyState == 4 && xhttp.status == 200) { myFunction(xhttp); } }; xhttp.open("GET", "books.xml", true); xhttp.send(); function myFunction(xml) { var x, y, z, i, newel, newtext, xmlDoc, txt; xmlDoc = xml.responseXML; txt = ""; x = xmlDoc.getElementsByTagName("book"); for (i = 0; i < x.length; i++) { newel = xmlDoc.createElement("edition"); newtext = xmlDoc.createTextNode("first"); newel.appendChild(newtext); x[i].appendChild(newel); } // Imprimir todos os title e edition y = xmlDoc.getElementsByTagName("title"); z = xmlDoc.getElementsByTagName("edition"); for (i = 0; i < y.length; i++) { txt += y[i].childNodes[0].nodeValue + " - Edição: " + z[i].childNodes[0].nodeValue + "<br>"; } document.getElementById("demo").innerHTML = txt; }