DOM XML

Qu'est-ce que le DOM ?

Le Document Object Model (DOM) définit les standards d'accès et d'opération des documents :

「Le Document Object Model (DOM) W3C est une interface indépendante de la plateforme et du langage, qui permet aux programmes et aux scripts d'accéder et de mettre à jour dynamiquement le contenu, la structure et le style du document.»

HTML DOM Définit les méthodes standard d'accès et d'opération des documents HTML. Il présente le document HTML sous forme de structure arborescente.

DOM XML Définit les méthodes standard d'accès et d'opération des documents XML. Il présente le document XML sous forme de structure arborescente.

Pour tout développeur utilisant HTML ou XML, comprendre le DOM est essentiel.

HTML DOM

Tous les éléments HTML peuvent être accédés via le DOM HTML.

L'exemple suivant change la valeur de l'élément HTML avec l'id="demo":

Exemple

<h1 id="demo">C'est le titre</h1>
<button type="button" onclick="document.getElementById('demo').innerHTML = 'Hello World!'">
Cliquez sur moi !
</button>

Essayez-le vous-même

Vous pouvez apprendre davantage sur HTML DOM de plus amples informations.

DOM XML

Tous les éléments XML peuvent être accédés via XML DOM.

Books.xml

<?xml version="1.0" encoding="UTF-8"?>
<bookstore>
  <book category="美食">
    <title lang="zh">雅舍谈吃</title>
    <author>梁实秋</author>
    <year>2013</year>
    <price>35</price>
  </book>
  <book category="儿童">
    <title lang="zh">了不起的狐狸爸爸</title>
    <author>罗尔德·达尔</author>
    <year>2009</year>
    <price>10.00</price>
  </book>
</bookstore>

Ce code recherche la valeur de texte de l'élément <title> premier dans le document XML :

Exemple

txt = xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;

XML DOM est une norme concernant la manière d'obtenir, de modifier, d'ajouter et de supprimer des éléments XML.

Ce exemple charge une chaîne de texte dans un objet DOM XML et utilise JavaScript pour extraire des informations à partir de celui-ci :

Exemple

<html>
<body>
<p id="demo"></p>
<script>
var text, parser, xmlDoc;
text = "<bookstore><book>"
"<title>雅舍谈吃</title>" +
"<author>梁实秋</author>" +
"<year>2009</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>

Essayez-le vous-même

Vous apprendrez à notre tutoriel XML DOM sur DOM XML de plus de contenu.