edit-article

Article Name:

Article Description:

Chapter ID/Name:

Status:

Add Photo:

Owner ID:

Content: use HTML Edit Content

<p style="text-align: left;">&nbsp;</p>
<div>
<h1 style="text-align: center;">objects -DOM DOCUMENT nodes</h1>
<h2>[WHAT]</h2>
<ol>
<li>] the browser reads the html page and constructs the DOM, each html element within the document becomes a DOM node object including the Document itself</li>
<li>] the DOM DOCUMENT consist of objects that espond to the "html" elements that the Document contains</li>
</ol>
<h2>[WHY]</h2>
<ol>
<li>]&nbsp;<a href="http://www.w3schools.com/jsref/dom_obj_document.asp">Document object</a></li>
<li>]&nbsp;<a href="http://www.w3schools.com/jsref/dom_obj_event.asp">Event object</a></li>
<li>]&nbsp;<a href="http://www.w3schools.com/jsref/dom_obj_all.asp">HTMLElement object</a></li>
<li>]&nbsp;<a href="http://www.w3schools.com/jsref/dom_obj_anchor.asp">Anchor object</a></li>
<li>]&nbsp;<a href="http://www.w3schools.com/jsref/dom_obj_area.asp">Area object</a></li>
<li>]&nbsp;<a href="http://www.w3schools.com/jsref/dom_obj_base.asp">Base object</a></li>
<li>]&nbsp;<a href="http://www.w3schools.com/jsref/dom_obj_body.asp">Body object</a></li>
<li>]&nbsp;<a href="http://www.w3schools.com/jsref/dom_obj_pushbutton.asp">Button object</a></li>
<li>]&nbsp;<a href="http://www.w3schools.com/jsref/dom_obj_form.asp">Form object</a></li>
<li>]&nbsp;<a href="http://www.w3schools.com/jsref/dom_obj_frame.asp">Frame/IFrame object</a></li>
<li>]&nbsp;<a href="http://www.w3schools.com/jsref/dom_obj_frameset.asp">Frameset object</a></li>
<li>]&nbsp;<a href="http://www.w3schools.com/jsref/dom_obj_image.asp">Image object</a></li>
<li>]&nbsp;<a href="http://www.w3schools.com/jsref/dom_obj_button.asp">Input Button object</a></li>
<li>]&nbsp;<a href="http://www.w3schools.com/jsref/dom_obj_checkbox.asp">Input Checkbox object</a></li>
<li>]&nbsp;<a href="http://www.w3schools.com/jsref/dom_obj_fileupload.asp">Input File object</a></li>
<li>]&nbsp;<a href="http://www.w3schools.com/jsref/dom_obj_hidden.asp">Input Hidden object</a></li>
<li>]&nbsp;<a href="http://www.w3schools.com/jsref/dom_obj_password.asp">Input Password object</a></li>
<li>]&nbsp;<a href="http://www.w3schools.com/jsref/dom_obj_radio.asp">Input Radio object</a></li>
<li>]&nbsp;<a href="http://www.w3schools.com/jsref/dom_obj_reset.asp">Input Reset object</a></li>
<li>]&nbsp;<a href="http://www.w3schools.com/jsref/dom_obj_submit.asp">Input Submit object</a></li>
<li>]&nbsp;<a href="http://www.w3schools.com/jsref/dom_obj_text.asp">Input Text object</a></li>
<li>]&nbsp;<a href="http://www.w3schools.com/jsref/dom_obj_link.asp">Link object</a></li>
<li>]&nbsp;<a href="http://www.w3schools.com/jsref/dom_obj_meta.asp">Meta object</a></li>
<li>]&nbsp;<a href="http://www.w3schools.com/jsref/dom_obj_object.asp">Object object</a></li>
<li>]&nbsp;<a href="http://www.w3schools.com/jsref/dom_obj_option.asp">Option object</a></li>
<li>]&nbsp;<a href="http://www.w3schools.com/jsref/dom_obj_select.asp">Select object</a></li>
<li>]&nbsp;<a href="http://www.w3schools.com/jsref/dom_obj_style.asp">Style object</a></li>
<li>]&nbsp;<a href="http://www.w3schools.com/jsref/dom_obj_table.asp">Table object</a></li>
<li>]&nbsp;<a href="http://www.w3schools.com/jsref/dom_obj_tabledata.asp">td / th object</a></li>
<li>]&nbsp;<a href="http://www.w3schools.com/jsref/dom_obj_tablerow.asp">tr object</a></li>
<li>]&nbsp;<a href="http://www.w3schools.com/jsref/dom_obj_textarea.asp">Textarea object</a></li>
</ol>
<h2>[WHERE]</h2>
<ol>
<li>]</li>
</ol>
<h2>[WHEN]</h2>
<ol>
<li>]</li>
</ol>
<h2>[EXAMPLE]</h2>
<ol>
<li>]</li>
</ol>
<h2>[HOW-TO]</h2>
<ol>
<li>]</li>
</ol>
<h2>[REFERENCE]</h2>
<ol>
<li>]</li>
</ol></div>