Latest web development tutorials

DOM XML

DOM (Document Object Model Document Object Model) définit une méthode standard pour accéder et manipuler le document.

DOM XML

XML DOM (XML Document Object Model) définit une méthode standard pour accéder et manipuler des documents XML.

XML DOM document XML comme une arborescence.

Tous les éléments sont accessibles via l'arbre DOM. Vous pouvez modifier ou supprimer leur contenu, et de créer de nouveaux éléments. Éléments, leur texte, et leurs propriétés, sont considérés comme étant un noeud.

Dans notre XML DOM tutoriel , vous pouvez en apprendre davantage sur le DOM XML.

HTML DOM

HTML DOM définit une méthode standard pour accéder et manipuler des documents HTML.

Tous les éléments HTML peuvent être accessibles via le DOM HTML.

Dans notre DOM HTML tutoriel , vous pouvez en savoir plus sur HTML DOM connaissances. .

Chargement d'un fichier XML - par exemple cross-browser

Le document XML exemple suivant ( " de note.xml ") pour analyser objet DOM XML, puis d'extraire des informations via JavaScript:

Exemples

<html>
<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>

Essayez »

Remarque importante!

Car depuis le début du fichier XML ( "de note.xml") de <à> élément extrait le texte "Tove", la syntaxe est:

getElementsByTagName("to")[0].childNodes[0].nodeValue

Notez que le fichier même XML ne contient qu'un seul élément <to>, vous devez toujours spécifier l'index de tableau [0]. Ceci est parce que la méthode getElementsByTagName () retourne un tableau.

Chargement d'une chaîne XML - Cross navigateur instance

Les exemples suivants de la chaîne XML parsing l'objet DOM XML, puis d'extraire des informations via JavaScript:

Exemples

<html>
<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>

Essayez »