XML DOM
XML DOM
O que é o DOM?
O DOM define um padrão para acessar e manipular documentos:
O HTML DOM define uma forma padrão para acessar e manipular documentos HTML. Apresenta um documento HTML como uma estrutura em árvore.
O XML DOM define uma forma padrão para acessar e manipular documentos XML. Apresenta um documento XML como uma estrutura em árvore.
Compreender o DOM é uma obrigação para quem trabalha com HTML ou XML.
O HTML DOM
Todos os elementos HTML podem ser acessados através do HTML DOM.
Este exemplo altera o valor de um elemento HTML com id="demo":
Exemplo
<h1 id="demo">This is a Heading</h1>
<button type="button"
onclick="document.getElementById('demo').innerHTML =
'Hello World!'">Click Me!
</button>
Você pode aprender muito mais sobre o HTML DOM em nosso tutorial de JavaScript .
O XML DOM
Todos os elementos XML podem ser acessados através do XML DOM.
Livros.xml
<?xml version="1.0" encoding="UTF-8"?>
<bookstore>
<book category="cooking">
<title lang="en">Everyday
Italian</title>
<author>Giada De Laurentiis</author>
<year>2005</year>
<price>30.00</price>
</book>
<book category="children">
<title lang="en">Harry
Potter</title>
<author>J K. Rowling</author>
<year>2005</year>
<price>29.99</price>
</book>
</bookstore>
Este código recupera o valor de texto do primeiro elemento <title> em um documento XML:
Exemplo
txt = xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;
O XML DOM é um padrão de como obter, alterar, adicionar e excluir elementos XML.
Este exemplo carrega uma string de texto em um objeto XML DOM e extrai as informações dele com JavaScript:
Exemplo
<html>
<body>
<p id="demo"></p>
<script>
var text, parser,
xmlDoc;
text = "<bookstore><book>" +
"<title>Everyday
Italian</title>" +
"<author>Giada De Laurentiis</author>" +
"<year>2005</year>" +
"</book></bookstore>";
parser = new DOMParser();
xmlDoc = parser.parseFromString(text,"text/xml");
document.getElementById("demo").innerHTML =
xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;
</script>
</body>
</html>
Você aprenderá muito mais sobre o XML DOM em nosso Tutorial XML DOM .