DOM definește un standard pentru accesarea și manipularea documentelor.
DOM XML prezintă un document XML ca un copac-structură.
HTML DOM prezintă un document HTML ca un copac-structură.
Intelegerea DOM este o necesitate pentru oricine lucreaza cu HTML sau XML.
XML DOM copac Exemplu
Ce este DOM?
DOM definește un standard pentru acces la documente, cum ar fi XML și HTML:
"The W3C Document Object Model (DOM) is a platform and language-neutral interface that allows programs and scripts to dynamically access and update the content, structure, and style of a document."
DOM este separat în 3 părți / nivele diferite:
- Core DOM - modelul standard pentru orice document structurat
- XML DOM - model standard pentru documentele XML
- HTML DOM - model standard pentru documentele HTML
DOM definește objects and properties tuturor elementelor de documente, precum și methods (interface) pentru a le accesa.
HTML DOM
HTML DOM definește un mod standard pentru accesarea și manipularea documentelor HTML.
Toate elementele HTML pot fi accesate prin intermediul HTML DOM.
HTML DOM definește objects, properties and methods tuturor elementelor HTML.
Modificarea valorii unui element HTML
Acest exemplu modifică valoarea unui element HTML cu id = „demo“:
Exemplu
<h1 id="demo">This is a Heading</h1>
<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script> Încearcă - l singur » Acest exemplu modifică valoarea primei <h1> Elementul într - un document HTML:
Exemplu
<h1>This is a Heading</h1>
<h1>This is a Heading</h1>
<script>
document.getElementsByTagName("h1")[0].innerHTML = "Hello World!";
</script> Încearcă - l singur » Notă: Chiar dacă documentul numai HTML Compozitie ONE <h1> elementul pe care încă mai trebuie să specifice indicele de matrice [0], pentru că getElementsByTagName() metoda returneaza intotdeauna o matrice.
Puteți afla mai multe despre DOM HTML nostru Tutorial JavaScript .
DOM XML
DOM XML definește o modalitate standard pentru accesarea și manipularea documentelor XML.
Toate elementele XML pot fi accesate prin intermediul DOM XML.
DOM XML definește objects, properties and methods tuturor elementelor XML.
DOM XML este:
- Un model standard de obiect pentru XML
- O interfață de programare standard pentru XML
- Și limba de platforma independentă
- Un standard W3C
Cu alte cuvinte: The XML DOM is a standard for how to get, change, add, or delete XML elements. de The XML DOM is a standard for how to get, change, add, or delete XML elements.
Ia valoarea unui element XML
Acest cod preia valoarea de text a primului <title> elementul într - un document XML:
Exemplu
txt = xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;
Se încarcă un fișier XML
Fișierul XML utilizat în exemplele de mai jos este books.xml .
Acest exemplu citește "books.xml" în xmlDoc și preia valoarea de text a primului <title> element din books.xml:
Exemplu
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (xhttp.readyState == 4 && xhttp.status == 200) {
myFunction(xhttp);
}
};
xhttp.open("GET", "books.xml", true);
xhttp.send();
function myFunction(xml) {
var xmlDoc = xml.responseXML;
document.getElementById("demo").innerHTML =
xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;
}
</script>
</body>
</html>
Încearcă - l singur » exemplu explicat
- xmlDoc - obiectul XML DOM creat de parser.
- getElementsByTagName("title") [0] - obține primul <title> elementul
- childNodes[0] - primul copil al <title> Element (nodul text)
- nodeValue - valoarea nodului (the text itself) - (the text itself)
Se încarcă un șir XML
Acest exemplu încarcă un șir de text într-un obiect DOM XML, și extrage informațiile din ea cu JavaScript:
Exemplu
<html>
<body>
<p id="demo"></p>
<script>
var text, parser,
xmlDoc;
text = "<bookstore><book>" +
"<title>Everyday
Italian</title>" +
"<author>Giada De Laurentiis</author>" +
"<year>2005</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>
Încearcă - l singur » Interfața de programare
Modelele DOM XML ca un set de obiecte de nod. Nodurile pot fi accesate cu JavaScript sau alte limbaje de programare. In acest tutorial vom folosi JavaScript.
Interfața de programare la DOM este definit de un set de proprietăți standard, și metode.
Properties sunt adesea menționate ca fiind ceva care este (adică numenod este „carte“).
Methods sunt adesea menționate ca fiind ceva ce se face ( de exemplu , ștergere „carte“).
Proprietăți XML DOM
Acestea sunt unele proprietăți tipice DOM:
- x.nodeName - numele lui x
- x.nodeValue - valoarea lui x
- x.parentNode - nodul părinte al x
- x.childNodes - copilul nodurile x
- x.attributes - atributele nodurile x
Notă: În lista de mai sus, x este un obiect nod.
Metode XML DOM
- x. getElementsByTagName( name ) x. getElementsByTagName( name ) - obține toate elementele cu un nume de etichetă specificat
- x. appendChild( node ) x. appendChild( node ) - se introduce un nod copil x
- x. removeChild( node ) x. removeChild( node ) - elimina un nod copil din x
Notă: În lista de mai sus, x este un obiect nod.