1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
---
title: Bevezetés a dokumentumobjektum-modellbe
slug: Web/API/Document_Object_Model
tags:
- DOM
- minden_kategória
translation_of: Web/API/Document_Object_Model
translation_of_original: Web/Guide/API/DOM
original_slug: Bevezetés_a_dokumentumobjektum-modellbe
---
<h3 id="Mi_a_DOM.3F" name="Mi_a_DOM.3F">Mi a DOM?</h3>
<p>A <a href="hu/DOM">Dokumentumobjektum-modell</a> (DOM) egy API <a href="hu/HTML">HTML</a> és <a href="hu/XML">XML</a> dokumentumokhoz. A dokumentum szerkezetét modellezi és lehetővé teszi annak tartalmi és vizulális változtatását. Lényegében összeköttetést képez a weblapok és a script- vagy programozási nyelvek között.</p>
<p>Minden tulajdonságot, metódust és eseményt, ami a webfejlesztő számára rendelkezésre áll a weboldalak szerkesztése és változtatása során, <a href="hu/Gecko_DOM_referencia">objektumokba</a> rendszerez. (pl. a document objektum jelöli a dokumentumot, a table objektum jelöli a HTML táblázatokat, stb.) Ezek az objektumok hozzáférhetőek a script-nyelvek számára az újabb böngészőkben.</p>
<p>A DOM-ot leggyakrabban JavaScript-tel együtt használják. Azaz a kód JavaScript-ben van írva, de a DOM-ot használja a weboldalhoz és elemeihez való hozzáférés során.</p>
<p>A DOM-ot azonban úgy tervezték hogy független legyen minden programozási nyelvtől, ezért a dokumentum szerkezeti modellje egyetlen, önálló és konzisztens API-ból érhető el. Bár a továbbiakban a JavaScriptre fogunk összpontosítani, a DOM-ot tkp. <a class="external" href="http://www.w3.org/DOM/Bindings">bármilyen nyelvből</a> elérhetjük.</p>
<p>A <a class="external" href="http://www.w3.org/">World Wide Web Consortium</a> (W3C) meghatározta a <a class="external" href="http://www.w3.org/DOM/">standard DOM</a>-ot, amit W3C DOM-nak neveznek. Ma már a legfontosabb böngészők ezt támogatják, ezzel lehetővé teszik browserfüggetlen alkalmazások létrehozását.</p>
<h3 id="Mi.C3.A9rt_fontos_a__DOM-t.C3.A1mogat.C3.A1s_a__Mozilla-ban.3F" name="Mi.C3.A9rt_fontos_a__DOM-t.C3.A1mogat.C3.A1s_a__Mozilla-ban.3F">Miért fontos a DOM-támogatás a Mozilla-ban?</h3>
<p>A "dinamikus HTML" (<a href="hu/DHTML">DHTML</a>) fogalmat szokták használni a HTML, CSS és a scriptek kombinációjára, amivel pl. animációt helyezhetünk el weboldalunkon. A W3C DOM munkacsoportjában keményen dolgoznak azon, hogy nyelvsemleges megoldásokat tudjanak szabványosítani (lásd még <a class="external" href="http://www.w3.org/DOM/faq.html">W3C FAQ</a>). Mivel a Mozillát webalkalmazás-platformnak ("Web Application Platform") tervezték, a DOM támogatása az egyik leggyakrabban felmerülő követelmény és a elengedhetetlen megfelelni neki, ha a Mozilla életképes alternatíva kíván maradni a többi böngésző mellett.</p>
<p>Talán még ennél is fontosabb, hogy a Mozilla (valamint a Firefox és a Thunderbird) felhasználói felülete XUL (XML User interface Language - XML felhasználói felületi nyelv) használatára épül. A Mozilla felhasználói tehát a DOM segítségével dinamikusan változtatni tudják a saját felhasználói felületüket is.</p>
<p>{{ languages( { "en": "en/About_the_Document_Object_Model", "es": "es/Acerca_del_Modelo_de_Objetos_del_Documento", "fr": "fr/\u00c0_propos_du_Document_Object_Model", "ja": "ja/About_the_Document_Object_Model", "ko": "ko/About_the_Document_Object_Model", "pl": "pl/O_modelu_obiektowym_dokumentu", "zh-cn": "cn/\u5173\u4e8e\u6587\u6863\u5bf9\u8c61\u6a21\u578b", "ru": "ru/\u041e\u0431_\u043e\u0431\u044a\u0435\u043a\u0442\u043d\u043e\u0439_\u043c\u043e\u0434\u0435\u043b\u0438_\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430" } ) }}</p>
|
