A propriedade nodeValue é usado para obter o valor de texto de um nó.
O getAttribute() retorna o valor de um atributo.
Obter o valor de um elemento
No DOM, tudo é um nó. nós de elemento não tem um valor de texto.
O valor de texto de um nó de elemento são armazenados em um nó filho. Este nó é chamado um nó de texto.
Para recuperar o valor de texto de um elemento, você deve recuperar o valor do nó de texto dos elementos.
O método getElementsByTagName
O getElementsByTagName() método retorna uma lista de nós de todos os elementos, com o nome da marca especificada, na mesma ordem em que aparecem no documento de origem.
Suponha " books.xml " foi carregado na xmlDoc.
Este código recupera o primeiro <title> elemento:
var x = xmlDoc.getElementsByTagName("title")[0];
A propriedade ChildNodes
A propriedade childNodes retorna uma lista de nós filho de um elemento.
O código a seguir recupera o nó de texto do primeiro <title> elemento:
x = xmlDoc.getElementsByTagName("title")[0];
y = x.childNodes[0];
A propriedade nodeValue
A propriedade nodeValue retorna o valor de texto de um nó de texto.
O código a seguir recupera o valor de texto do nó de texto do primeiro <title> elemento:
Exemplo
x = xmlDoc.getElementsByTagName("title")[0];
y = x.childNodes[0];
z = y.nodeValue;
Resul em z: "Everyday Italian"
Exemplo completo
Exemplo
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
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 xmlDoc = xml.responseXML;
var x = xmlDoc.getElementsByTagName('title')[0];
var y =
x.childNodes[0];
document.getElementById("demo").innerHTML = y.nodeValue;
}
</script>
</body>
</html>
Tente você mesmo " Percorrer todos <title> elementos: Tente você mesmo
Obter o valor de um atributo
No DOM, atributos são nós. Ao contrário de nós de elemento, nós de atributo tem valores de texto.
A maneira de obter o valor de um atributo, é fazer com que o seu valor de texto.
Isto pode ser feito usando o getAttribute() método ou o uso da propriedade nodeValue do nó de atributo.
Obter um valor de atributo - getAttribute()
O getAttribute() método retorna um attribute's value .
O código a seguir recupera o valor de texto do "lang" atributo da primeira <title> elemento:
Exemplo
x = xmlDoc.getElementsByTagName("title")[0];
txt = x.getAttribute("lang");
Tente você mesmo " Resultado em txt: "en"
Percorrer todos <book> elementos e obter a sua "category" atributos: Tente você mesmo
Obter um valor de atributo - getAttributeNode()
O getAttributeNode() método retorna um attribute node .
O código a seguir recupera o valor de texto do "lang" atributo da primeira <title> elemento:
Exemplo
x = xmlDoc.getElementsByTagName("title")[0];
y = x.getAttributeNode("lang");
txt = y.nodeValue;
Tente você mesmo " Resultado em txt = "en"
Percorrer todos <book> elementos e obter a sua "category" atributos: Tente você mesmo