XML DOM

Τι είναι το DOM;

Ο Document Object Model (DOM) ορίζει τα πρότυπα πρόσβασης και λειτουργίας του εγγράφου:

“Η W3C Document Object Model (DOM) είναι μια διεπαφή που είναι ανεξάρτητη από πλατφόρμα και γλώσσα, επιτρέπει σε προγράμματα και σενάρια να προσπελάσουν και να ενημερώσουν δυναμικά το περιεχόμενο, τη δομή και το στυλ του εγγράφου.”

HTML DOM Ορίζει τα πρότυπα πρόσβασης και λειτουργίας των εγγράφων HTML. Εμφανίζει το έγγραφο HTML ως δέντρο.

XML DOM Ορίζει τα πρότυπα πρόσβασης και λειτουργίας των εγγράφων XML. Εμφανίζει το έγγραφο XML ως δέντρο.

Για κάθε προγραμματιστή που χρησιμοποιεί HTML ή XML, η κατανόηση του DOM είναι απαραίτητη.

HTML DOM

Όλα τα στοιχεία HTML μπορούν να προσβληθούν μέσω του HTML DOM.

Ακολουθεί ένα παράδειγμα που αλλάζει την τιμή του HTML στοιχείου με id="demo":

Επίδειξη

<h1 id="demo">Αυτό είναι ο τίτλος</h1>
<button type="button" onclick="document.getElementById('demo').innerHTML = 'Hello World!'">
Παρακαλώ κλικ μου!
</button>

亲自试一试

Μπορείτε να μάθετε περισσότερα για το HTML DOM πιο πολλές γνώσεις.

XML DOM

Όλα τα στοιχεία XML μπορούν να προσπελάσονται μέσω του XML DOM.

Books.xml

<?xml version="1.0" encoding="UTF-8"?>
<bookstore>
  <book category="gastronomy">
    <title lang="zh">Yashu Talk About Eating</title>
    <author>Liang Shiqiu</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>

Αυτό το κείμενο αναζητά τη τιμή κειμένου του πρώτου στοιχείου <title> στο αρχείο XML:

Επίδειξη

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

Το XML DOM είναι ένα πρότυπο για τον τρόπο με τον οποίο μπορείτε να αποκτήσετε, να αλλάξετε, να προσθέσετε και να διαγράψετε στοιχεία XML.

Αυτή η παράδειγμα θα φορτώσει μια αλφαβητική αλυσίδα σε αντικείμενο XML DOM και θα χρησιμοποιήσει το JavaScript για την εξαγωγή πληροφοριών από αυτό:

Επίδειξη

<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 教程中学习有关 XML DOM 的更多内容。