XML DOM

DOM nedir?

Belge Object Model (DOM) belgeye erişim ve işlem için standartları tanımlar:

“W3C Belge Object Model (DOM) platform ve dil ile bağımsız bir arayüzdür ve programların ve betiklerin belge içeriğini, yapısını ve tarzını dinamik olarak erişim ve güncelleme yeteneği sağlar.”

HTML DOM HTML belgelerine erişim ve işlem için standart yöntemleri tanımlar. HTML belgelerini ağaç yapısı olarak sunar.

XML DOM XML belgelerine erişim ve işlem için standart yöntemleri tanımlar. XML belgelerini ağaç yapısı olarak sunar.

HTML veya XML kullanan her geliştirici için DOM'yu anlamak zorunludur.

HTML DOM

Tüm HTML öğeleri HTML DOM aracılığıyla erişilebilir.

Aşağıdaki örnek, id="demo" olan HTML öğesinin değerini değiştirir:

Örnek

<h1 id="demo">Bu başlık</h1>
<button type="button" onclick="document.getElementById('demo').innerHTML = 'Hello World!'">
Beni tıkla!
</button>

Kişisel olarak deneyin

JavaScript dersimizden HTML DOM daha fazla bilgi için.

XML DOM

Tüm XML elementleri XML DOM aracılığıyla erişilebilir.

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>

Bu kod, XML belgesindeki ilk <title> elementinin metin değerini arar:

Örnek

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

XML DOM, XML elementlerine nasıl erişilir, nasıl değiştirilir, nasıl eklenir ve nasıl silineceği hakkında standardtır.

Bu örnek, metin dizisini XML DOM nesnesine yükleyecek ve JavaScript kullanarak bu metinden bilgileri çıkaracaktır:

Örnek

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

Kişisel olarak deneyin

XML DOM Eğitimimizde aşağıdakileri öğreneceksiniz: XML DOM Daha Fazlası Hakkında.