{"id":1659,"date":"2025-10-30T16:36:26","date_gmt":"2025-10-30T13:36:26","guid":{"rendered":"https:\/\/markahost.com.tr\/blog\/?p=1659"},"modified":"2025-10-30T16:36:26","modified_gmt":"2025-10-30T13:36:26","slug":"dom-nedir-dom-ne-ise-yarar","status":"publish","type":"post","link":"https:\/\/markahost.com.tr\/blog\/dom-nedir-dom-ne-ise-yarar\/","title":{"rendered":"DOM (Document Object Model) Nedir, Ne \u0130\u015fe Yarar?"},"content":{"rendered":"

DOM Nedir?<\/strong><\/h2>\n

DOM, HTML ve XML belgelerinin hiyerar\u015fik d\u00fczenini tan\u0131mlayan yap\u0131sal bir modeldir. Belgedeki t\u00fcm i\u00e7erikler, bu modelde nesne olarak temsil edilir. Her nesneye kar\u015f\u0131l\u0131k gelen bir d\u00fc\u011f\u00fcm bulunur ve alt d\u00fc\u011f\u00fcmler do\u011frudan k\u00f6k d\u00fc\u011f\u00fcme ba\u011flan\u0131r. Dolay\u0131s\u0131yla belgelerle etkile\u015fime giren sistemler, bu d\u00fc\u011f\u00fcmleri \u00e7\u00f6z\u00fcmleyerek i\u015flemleri ger\u00e7ekle\u015ftirir. \u00d6rne\u011fin, WEB API servisleri XML dosyalar\u0131ndan veri al\u0131rken DOM yap\u0131s\u0131na g\u00f6re belgeye eri\u015fim sa\u011flarlar.<\/span><\/p>\n

Taray\u0131c\u0131, web sayfas\u0131 a\u00e7\u0131l\u0131rken fiziksel veya sanal sunucu<\/a>ya iste\u011fi g\u00f6nderir ve belgeyi y\u00fckler. Belgede yer alan t\u00fcm nesneleri hiyerar\u015fik s\u0131raya g\u00f6re d\u00fc\u011f\u00fcmler \u00fczerinden \u00e7\u00f6z\u00fcmler ve sayfa i\u00e7eri\u011fini olu\u015fturur. Web sayfalar\u0131na d\u0131\u015f sistemler taraf\u0131ndan eri\u015fim sa\u011fland\u0131\u011f\u0131nda da ayn\u0131 yap\u0131 kullan\u0131l\u0131r. B\u00f6ylece belgelerin mant\u0131ksal d\u00fczenine ula\u015f\u0131l\u0131r ve i\u00e7erik \u00fczerinde do\u011frudan de\u011fi\u015fiklik yap\u0131l\u0131r.<\/span><\/p>\n

DOM Sitenin Kaynak Kodu Mudur?<\/strong><\/h2>\n

DOM yap\u0131s\u0131 incelendi\u011finde kaynak kodla ayn\u0131ym\u0131\u015f gibi g\u00f6r\u00fcnse de asl\u0131nda kaynak kod de\u011fildir. DOM, belge kodlar\u0131n\u0131 nesne temelli bir model arac\u0131l\u0131\u011f\u0131yla daha d\u00fczenli ve eri\u015filebilir hale getiren arabirim standard\u0131d\u0131r. Bu modelin kurallar\u0131 W3C (World Wide Web Consortium) ve WHATWG (The Web Hypertext Application Technology Working Group) taraf\u0131ndan tan\u0131mlan\u0131r. Taray\u0131c\u0131lar bu standartlar\u0131 kullanarak belge yap\u0131s\u0131n\u0131 olu\u015fturur ve kullan\u0131c\u0131ya sunar.<\/span><\/p>\n

DOM Nas\u0131l \u00c7al\u0131\u015f\u0131r?<\/strong><\/h2>\n

T\u00fcrk\u00e7e ad\u0131yla Belge Nesne Modeli (DOM), JavaScript ile taray\u0131c\u0131 aras\u0131nda ileti\u015fim katman\u0131 g\u00f6revi g\u00f6r\u00fcr. Taray\u0131c\u0131 taraf\u0131ndan olu\u015fturulan HTML belgeleri \u00fczerinde i\u015flemler DOM modeli arac\u0131l\u0131\u011f\u0131yla ger\u00e7ekle\u015ftirilir. Ayrca, JavaScript, DOM yap\u0131s\u0131n\u0131 kullanarak \u00f6\u011fe olu\u015fturma, de\u011fi\u015ftirme, silme, stil ve s\u0131n\u0131f tan\u0131mlama, \u00f6znitelik ayarlama gibi i\u015flemleri y\u00fcr\u00fct\u00fcr ve olaylar\u0131 g\u00f6zlemleyip bunlara tepki verir.<\/span><\/p>\n

DOM\u2019un Temel \u00d6zellikleri \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<\/strong> <\/span><\/h2>\n

DOM\u2019un temel \u00f6zellikleri a\u015fa\u011f\u0131daki \u015fekilde s\u0131ralanmaktad\u0131r:<\/span><\/p>\n