DOM: Difference between revisions
Tidy up and categorisation
mNo edit summary |
Hellboy1975 (talk | contribs) (Tidy up and categorisation) |
||
Line 1: | Line 1: | ||
The '''Document Object Model''', or '''DOM''' is an object model used for referencing items on [[XML]] or [[HTML]] files. The DOM is commonly used when writing [[Javascript]] code to access elements of a web page. | |||
==Examples== | |||
===Altering an attribute of a HTML Element=== | |||
Javascript can access elements of a webpage by referring to their ID values. The following line of HTML is for a link that has an id of "url" and points to "http://www.yahoo.com": | |||
<pre> | <pre> | ||
<a id="url" href="http://www.yahoo.com">testing</a> | |||
</pre> | |||
The following Javascript code will find the Element with an id value of ''url'', and will then set the href attribute of it to "http://www.msdn.com" | |||
<pre> | |||
// This line fetches and handle to the Element with id ''url'' and returns it to the variable ''link'' | |||
link=document.getElementById(' | link=document.getElementById('url'); | ||
// This line sets the href attribute of the link item to "http://www.msdn.com" | |||
link.href="http://www.msdn.com"; | |||
</pre> | </pre> | ||
==External Links== | |||
*[http://www.w3.org/DOM/ w3c DOM Specifications] | |||
*[http://xml.com/pub/rg/DOM_Tutorials DOM Tutorials] | |||
[[Category: Web Programming]] |