DOM XML
DOM (Document Object Model Document Object Model) define uma maneira padrão para acessar e manipular o documento.
DOM XML
XML DOM (Document Object Model XML) define um método padrão para acessar e manipular documentos XML.
XML documento XML DOM como uma exibição de árvore.
Todos os elementos podem ser acessados através da árvore DOM. Você pode modificar ou apagar o seu conteúdo, e para criar novos elementos. Elementos, o seu texto, e as suas propriedades, são considerados como sendo um nó.
No nosso XML DOM tutorial , você pode aprender mais sobre o DOM XML.
HTML DOM
HTML DOM define uma maneira padrão para acessar e manipular documentos HTML.
Todos os elementos HTML podem ser acessados através do DOM HTML.
No nosso HTML DOM tutorial , você pode aprender mais sobre o conhecimento HTML DOM. .
Carregamento de um arquivo XML - instância cross-browser
O seguinte exemplo de documento XML ( " note.xml ") para analisar XML objeto DOM e, em seguida, para extrair algumas informações através de JavaScript:
Exemplos
<body>
<h1>W3Schools Internal Note</h1>
<div>
<b>To:</b> <span id="to"></span><br />
<b>From:</b> <span id="from"></span><br />
<b>Message:</b> <span id="message"></span>
</div>
<script>
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","note.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
document.getElementById("to").innerHTML=
xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;
document.getElementById("from").innerHTML=
xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;
document.getElementById("message").innerHTML=
xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;
</script>
</body>
</html>
tente »
Nota Importante!
Mas desde o início do arquivo XML ( "note.xml") de <to> elemento extrai o texto "Tove", a sintaxe é:
Note que mesmo arquivo XML contém apenas um <em> elemento, você ainda deve especificar o índice de array [0]. Isto é porque o método getElementsByTagName () retorna uma matriz.
Carregamento de uma cadeia de caracteres XML - Cross-browser instância
Os seguintes exemplos da seqüência de caracteres XML analisar o objeto DOM XML, e em seguida para extrair algumas informações através de JavaScript:
Exemplos
<body>
<h1>W3Schools Internal Note</h1>
<div>
<b>To:</b> <span id="to"></span><br />
<b>From:</b> <span id="from"></span><br />
<b>Message:</b> <span id="message"></span>
</div>
<script>
txt="<note>";
txt=txt+"<to>Tove</to>";
txt=txt+"<from>Jani</from>";
txt=txt+"<heading>Reminder</heading>";
txt=txt+"<body>Don't forget me this weekend!</body>";
txt=txt+"</note>";
if (window.DOMParser)
{
parser=new DOMParser();
xmlDoc=parser.parseFromString(txt,"text/xml");
}
else // Internet Explorer
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async=false;
xmlDoc.loadXML(txt);
}
document.getElementById("to").innerHTML=
xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;
document.getElementById("from").innerHTML=
xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;
document.getElementById("message").innerHTML=
xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;
</script>
</body>
</html>
tente »