DHTML DOM

Il modello dell'oggetto del documento � un approvato standard di funzionamento dal W3C che � effettuato correttamente in la maggior parte dei browsers moderni.

DOM

Il modello dell'oggetto del documento (DOM) � un'interfaccia di programmazione di applicazione (api). Essenzialmente, fornisce una piattaforma in cui i linguaggi di programmazione inscatolano �il colloquio� ai documenti di XML e del HTML. Solitamente il linguaggio di programmazione che fa la comunicazione usando il Javascript.

DOM contro il modello dell'oggetto di DHTML

Il modello dell'oggetto del documento evoluto dal modello dell'oggetto di DHTML, ma si pu� disputare che � pi� come un giro che uno sviluppo. Il modello dell'oggetto di DHTML li lascia aggiornare individualmente ed accedere agli oggetti del HTML. Ogni modifica del HTML pu� essere maneggiata e raggiunta via i relativi attributi di identificazione e di NOME. Ogni oggetto ha le relativi propri propriet�, metodi ed eventi. Potete usare gli attributi locali dell'aggiornamento delle propriet� dell'oggetto. Potete usare i metodi per maneggiare gli oggetti e per approfittare degli eventi per innescare le conseguenze predefinite.

Il DOM � molto pi� generale dell'oggetto Model.Not di DHTML appena per una singola modifica che del HTML fornisce un modello per il documento intero. Il DOM rappresenta un documento come albero. Ogni nodo dell'albero rappresenta una modifica del HTML. La struttura arborescente descrive esattamente il documento intero del HTML, compreso i rapporti fra le modifiche e le entrate testuali alla pagina. Un rapporto pu� essere del tipo bambino, genitori e fratello germano.

Per accedere ad un elemento?

L'elemento deve avere un attributo dell'identificazione e una lingua scripting � necessaria. Il Javascript � la lingua scripting pi� compatibile per il browser, in modo da usiamo il Javascript.

<html>
<body>
<h1 id="header">My header</h1>
<script type="text/javascript">
document.getElementById('header').style.color="red"
</script>
</body>
</html>

uscita di suddetto scritto che cambiano il colore:

My Header

Oggetti di DHTML DOM

Con l'aiuto del Javascript, potete maneggiare ed accedere a tutti gli oggetti del HTML DOM.
Qui � una lista degli oggetti del modello dell'oggetto del documento e le loro collezioni, propriet�, metodi ed eventi.

Object	Description
Anchor	Represents an HTML a element (a hyperlink)
Applet	Represents an HTML applet element. The applet element is used to place executable content on a page
Area	Represents an area of an image-map. An image-map is an image with clickable regions
Base	Represents an HTML base element
Basefont	Represents an HTML basefont element
Body	Represents the body of the document (the HTML body)
Button	Represents a push button on an HTML form. For each instance of an HTML <input type="button"> tag on an HTML form, a Button object is created
Checkbox	Represents a checkbox on an HTML form. For each instance of an HTML <input type="checkbox"> tag on an HTML form, a Checkbox object is created
Document	Used to access all elements in a page
Event	Represents the state of an event, such as the element in which the event occurred, the state of the keyboard keys, the location of the mouse, and the state of the mouse buttons
FileUpload	For each instance of an HTML <input type="file"> tag on a form, a FileUpload object is created
Form	Forms are used to prompt users for input. Represents an HTML form element
Frame	Represents an HTML frame
Frameset	Represents an HTML frameset
Hidden	Represents a hidden field on an HTML form. For each instance of an HTML <input type="hidden"> tag on a form, a Hidden object is created
History	A predefined object which can be accessed through the history property of the Window object. This object consists of an array of URLs. These URLs are all the URLs the user has visited within a browser window
Iframe	Represents an HTML inline-frame
Image	Represents an HTML img element
Link	Represents an HTML link element. The link element can only be used within the <head> tag
Location	Contains information about the current URL
Meta	Represents an HTML meta element
Navigator	Contains information about the client browser
Option	Represents an option in a selection list on an HTML form. For each instance of an HTML <option> tag in a selection list on a form, an Option object is created
Password	Represents a password field on an HTML form. For each instance of an HTML <input type="password"> tag on a form, a Password object is created
Radio	Represents radio buttons on an HTML form. For each instance of an HTML <input type="radio"> tag on a form, a Radio object is created
Reset	Represents a reset button on an HTML form. For each instance of an HTML <input type="reset"> tag on a form, a Reset object is created
Screen	Automatically created by the JavaScript runtime engine and it contains information about the client's display screen
Select	Represents a selection list on an HTML form. For each instance of an HTML <select> tag on a form, a Select object is created
Style	Represents an individual style statement. This object can be accessed from the document or from the elements to which that style is applied
Submit	Represents a submit button on an HTML form. For each instance of an HTML <input type="submit"> tag on a form, a Submit object is created
Table	Represents an HTML table element
TableData	Represents an HTML td element
TableHeader	Represents an HTML th element
TableRow	Represents an HTML tr element
Text	Represents a text field on an HTML form. For each instance of an HTML <input type="text"> tag on a form, a Text object is created
Textarea	Represents an HTML textarea element
Window	Corresponds to the browser window. A Window object is created automatically with every instance of a <body> or <frameset> tag