Compare Revisions

Document Object Model (DOM)

Change Revisions

Revision 708:

Revision 708 by teoli on

Revision 709:

Revision 709 by hectorsan68 on

Title:
Document Object Model (DOM)
Document Object Model (DOM)
Slug:
DOM
DOM
Tags:
DOM
DOM
Content:

Revision 708
Revision 709
t7    <div class="callout-box">t
8      <strong><a href="/en/Using_the_W3C_DOM_Level_1_Core" title=
>"en/Using_the_W3C_DOM_Level_1_Core">Using the W3C DOM Level 1 Cor 
>e</a></strong><br> 
9      Introduction to the W3C DOM.
10    </div>
11    <div>
12      <p>
13        The <strong>Document Object Model</strong> (<strong>DOM</
>strong>) is an API for <a href="/en/HTML" title="en/HTML">HTML</a 
>> and <a href="/en/XML" title="en/XML">XML</a> documents. It prov 
>ides a structural representation of the document, enabling you to 
> modify its content and visual presentation by using a scripting  
>language such as <a href="/en/JavaScript" title="https://develope 
>r.mozilla.org/en/JavaScript">JavaScript</a>. 
14      </p>
15    </div>
16    <table class="topicpage-table">
17      <tbody>
18        <tr>
19          <td>
20            <h3 name="Documentation" style="padding:12px 18px 8px
> 65px;min-height:48px;margin:-0px -0px 1em;background:transparent 
> url('../media/img/icons-sections.png') 0 0px no-repeat;font:norm 
>al 28px/1 'Bebas Neue','League Gothic',Haettenschweiler,Impact,'A 
>rial Narrow',sans-serif;text-transform:uppercase;border-style:non 
>e;"> 
21              Documentation about THE DOM
22            </h3>
23            <dl>
24              <dt>
25                <a href="/en/Gecko_DOM_Reference" title="en/Gecko
>_DOM_Reference">Gecko DOM Reference</a> 
26              </dt>
27              <dd>
28                The Gecko Document Object Model Reference.
29              </dd>
30              <dt>
31                <a href="/en/DOM/About_the_Document_Object_Model"
> title="en/About_the_Document_Object_Model">About the Document Ob 
>ject Model</a> 
32              </dt>
33              <dd>
34                A short introduction to the DOM.
35              </dd>
36              <dt>
37                <a href="/en/JavaScript_technologies_overview" ti
>tle="en/The_DOM_and_JavaScript">The DOM and JavaScript</a> 
38              </dt>
39              <dd>
40                What is the DOM? What is JavaScript? How do I use
> them together on my web page? This document answers these questi 
>ons and more. 
41              </dd>
42              <dt>
43                <a href="/en/DOM/Using_dynamic_styling_informatio
>n" title="en/DOM/Using_dynamic_styling_information">Using dynamic 
> styling information</a> 
44              </dt>
45              <dd>
46                How to obtain information on and manipulate styli
>ng via the DOM. 
47              </dd>
48              <dt>
49                <a href="/en/DOM/DOM_event_reference" title="DOM 
>event reference">DOM event reference</a> 
50              </dt>
51              <dd>
52                Lists all the DOM events and their meanings.
53              </dd>
54              <dt>
55                <a href="/en/DOM/Manipulating_the_browser_history
>" title="en/DOM/Manipulating_the_browser_history">History API: Ma 
>nipuling the browser history</a> 
56              </dt>
57              <dd>
58                Demonstrates the HTML5-introduced DOM {{ domxref(
>"window.history") }} object, allowing dynamic changes to the brow 
>ser history. 
59              </dd>
60              <dt>
61                <a href="/en/Using_files_from_web_applications" t
>itle="https://developer.mozilla.org/en/Using_files_from_web_appli 
>cations">File API: Using files from web applications</a> 
62              </dt>
63              <dd>
64                Describes the HTML5-introduced capability to sele
>ct a local file and read data from it. 
65              </dd>
66              <dt>
67                <a href="/en/DOM/Using_the_Page_Visibility_API" t
>itle="en/DOM/Using_the_Page_Visibility_API">Using the Page Visibi 
>lity API</a> 
68              </dt>
69              <dd>
70                Explains how to detect and use information about 
>a web page being in the foreground or in the background. 
71              </dd>
72              <dt>
73                <a href="/en/DOM/Using_full-screen_mode" title="U
>sing full-screen mode">Fullscreen API: Using the fullscreen mode< 
>/a> 
74              </dt>
75              <dd>
76                Describes how to set up a page that use the whole
> screen, without any browser UI around it. 
77              </dd>
78              <dt>
79                <a href="/en/Determining_the_dimensions_of_elemen
>ts" title="en/Determining_the_dimensions_of_elements">Determining 
> the dimensions of elements</a> 
80              </dt>
81              <dd>
82                How to figure out the right way to determine the 
>dimensions of elements, given your needs. 
83              </dd>
84              <dt>
85                <a class="external" href="http://www.mozilla.org/
>docs/dom/">The Document Object Model in Mozilla</a> 
86              </dt>
87              <dd>
88                An older set of documentation about the DOM, host
>ed at mozilla.org. 
89              </dd>
90              <dt>
91                <a href="/en/Dynamically_modifying_XUL-based_user
>_interface" title="en/Dynamically_modifying_XUL-based_user_interf 
>ace">Dynamically modifying XUL-based user interface</a> 
92              </dt>
93              <dd>
94                The basics of manipulating the XUL UI with DOM me
>thods. 
95              </dd>
96            </dl>
97            <p>
98              <span class="alllinks"><a href="/Special:Tags?tag=D
>OM&amp;language=en" title="Special:Tags?tag=DOM&amp;language=en"> 
>View All...</a></span> 
99            </p>
100          </td>
101          <td>
102            <h3 name="Community" style="padding:12px 18px 8px 65p
>x;min-height:48px;margin:-0px -0px 1em;background:transparent url 
>('../media/img/icons-sections.png') 0 -200px no-repeat;font:norma 
>l 28px/1 'Bebas Neue','League Gothic',Haettenschweiler,Impact,'Ar 
>ial Narrow',sans-serif;text-transform:uppercase;border-style:none 
>;"> 
103              Getting help from the community
104            </h3>
105            <p>
106              You need help on a DOM-related problem and can't fi
>nd the solution in the documentation? 
107            </p>
108            <ul>
109              <li>Consult the dedicated Mozilla forum: {{ Discuss
>ionList("dev-tech-dom", "mozilla.dev.tech.dom") }} 
110              </li>
111            </ul>
112            <h3 name="Tools" style="padding:12px 18px 8px 65px;mi
>n-height:48px;margin:-0px -0px 1em;background:transparent url('.. 
>/media/img/icons-sections.png') 0 -400px no-repeat;font:normal 28 
>px/1 'Bebas Neue','League Gothic',Haettenschweiler,Impact,'Arial  
>Narrow',sans-serif;text-transform:uppercase;border-style:none;"> 
113              Tools easing working with the DOM
114            </h3>
115            <ul>
116              <li>
117                <a class="external" href="http://www.getfirebug.c
>om/">Firebug</a> 
118              </li>
119              <li>
120                <a href="/en/DOM_Inspector" title="en/DOM_Inspect
>or">DOM Inspector</a> 
121              </li>
122              <li>
123                <a class="external" href="http://slayeroffice.com
>/tools/modi/v2.0/modi_help.html">Mouse-over DOM Inspector</a> 
124              </li>
125              <li>
126                <a class="external" href="http://www.karmatics.co
>m/aardvark/">Aardvark Firefox extension</a> 
127              </li>
128            </ul>
129            <p>
130              <span class="alllinks"><a href="/Special:Tags?tag=D
>OM:Tools&amp;language=en" title="Special:Tags?tag=DOM:Tools&amp;l 
>anguage=en">View All...</a></span> 
131            </p>
132            <h3 name="Related_Topics" style="padding:12px 18px 8p
>x 65px;min-height:48px;margin:-0px -0px 1em;background:transparen 
>t url('../media/img/icons-sections.png') 0 -600px no-repeat;font: 
>normal 28px/1 'Bebas Neue','League Gothic',Haettenschweiler,Impac 
>t,'Arial Narrow',sans-serif;text-transform:uppercase;border-style 
>:none;"> 
133              Related Topics
134            </h3>
135            <ul>
136              <li>
137                <a href="/en/AJAX" title="en/AJAX">AJAX</a>, <a h
>ref="/en/CSS" title="en/CSS">CSS</a>, <a href="/en/DHTML" title=" 
>en/DHTML">DHTML</a>, <a href="/en/JavaScript" title="en/JavaScrip 
>t">JavaScript</a> 
138              </li>
139            </ul>
140          </td>
141        </tr>
142      </tbody>
143    </table>
144    <p>
145      {{ languages( { "de": "de/DOM", "es": "es/DOM", "fr": "fr/D
>OM",&nbsp;"hu": "hu/DOM",&nbsp;"it": "it/DOM",&nbsp;"ja": "ja/DOM 
>", "ko": "ko/DOM", "nl": "nl/DOM", "pl": "pl/DOM", "pt": "pt/DOM" 
>, "ru": "ru/DOM", "zh-cn": "cn/DOM", "zh-tw": "zh_tw/DOM" } ) }} 
146    </p>

Back to History