XML DOM
XML DOM
Co to jest DOM?
DOM definiuje standard dostępu do dokumentów i manipulowania nimi:
HTML DOM definiuje standardowy sposób dostępu do dokumentów HTML i manipulowania nimi. Przedstawia dokument HTML jako strukturę drzewa.
XML DOM definiuje standardowy sposób uzyskiwania dostępu do dokumentów XML i manipulowania nimi. Przedstawia dokument XML jako strukturę drzewa.
Zrozumienie DOM jest koniecznością dla każdego, kto pracuje z HTML lub XML.
DOM HTML
Dostęp do wszystkich elementów HTML można uzyskać poprzez HTML DOM.
Ten przykład zmienia wartość elementu HTML na id="demo":
Przykład
<h1 id="demo">This is a Heading</h1>
<button type="button"
onclick="document.getElementById('demo').innerHTML =
'Hello World!'">Click Me!
</button>
Możesz dowiedzieć się więcej o HTML DOM w naszym samouczku JavaScript .
XML DOM
Dostęp do wszystkich elementów XML można uzyskać poprzez XML DOM.
Książki.xml
<?xml version="1.0" encoding="UTF-8"?>
<bookstore>
<book category="cooking">
<title lang="en">Everyday
Italian</title>
<author>Giada De Laurentiis</author>
<year>2005</year>
<price>30.00</price>
</book>
<book category="children">
<title lang="en">Harry
Potter</title>
<author>J K. Rowling</author>
<year>2005</year>
<price>29.99</price>
</book>
</bookstore>
Ten kod pobiera wartość tekstową pierwszego elementu <title> w dokumencie XML:
Przykład
txt = xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;
XML DOM to standard pobierania, zmieniania, dodawania i usuwania elementów XML.
Ten przykład ładuje ciąg tekstowy do obiektu XML DOM i wyodrębnia z niego informacje za pomocą JavaScript:
Przykład
<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>
Dużo więcej o XML DOM dowiesz się z naszego samouczka XML DOM .