DOM XML

Cos'è il DOM?

Il Document Object Model (DOM) definisce standard per l'accesso e l'operazione sui documenti:

“Il Document Object Model (DOM) W3C è un'interfaccia indipendente da piattaforma e linguaggio che permette a programmi e script di accedere e aggiornare dinamicamente il contenuto, la struttura e lo stile dei documenti.”

HTML DOM Definisce metodi standard per accedere e operare su documenti HTML. Presenta il documento HTML come una struttura ad albero.

DOM XML Definisce metodi standard per accedere e operare su documenti XML. Presenta il documento XML come una struttura ad albero.

Per qualsiasi sviluppatore che utilizza HTML o XML, comprendere il DOM è essenziale.

HTML DOM

Tutti gli elementi HTML possono essere acceduti tramite il DOM (Document Object Model).

Esempio seguente: cambia il valore dell'elemento HTML con id="demo":

Esempio

<h1 id="demo">Questo è il titolo</h1>
<button type="button" onclick="document.getElementById('demo').innerHTML = 'Hello World!'">
Clicca su di me!
</button>

亲自试一试

Puoi imparare di più su questo nel nostro tutorial JavaScript. HTML DOM Ulteriori informazioni.

DOM XML

Tutti gli elementi XML possono essere acceduti tramite 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>

Questo codice recupera il valore di testo dell'elemento <title> primo nel documento XML:

Esempio

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

XML DOM è lo standard per ottenere, modificare, aggiungere e rimuovere elementi XML.

Questo esempio carica una stringa di testo in un oggetto DOM XML e utilizza JavaScript per estrarre informazioni da esso:

Esempio

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

亲自试一试

您将在我们的 XML DOM 教程中学习有关 DOM XML 的更多内容。