34,333
edits
Changes
→Making Basic Dynamic Style Changes
== Making Basic Dynamic Style Changes ==
The W3C DOM (Document OIbject Model) provides a powerful mechanism for dynmically controlling the styles used in a web page. Using JavaScript the style of any element can be changed via the properties of that element's ''style'' object.
Suppose we have the following HTML:
<pre>
<P id="introtext>This is some introductory text</p>
<pre>
We can very easily change the color of this text from JavaScript. The first step is to access the element using the ''getElementById()'' method of the document object (see