DHTML - CSS
JavaScript and the HTML DOM can be used to change the style of any HTML element.
Change Style of the Current HTML Element
To change the style of the current HTML element, use the following statement:
this.style.property=new style
Example
<html>
<body>
<h1 onclick="this.style.color='red'">Click Me!</h1>
</body>
</html> |
Try it yourself »
|
Change Style of a Specific HTML Element
To change the style of a specific HTML element, use the following statement:
document.getElementById(id).style.property=new style
Example
<html>
<body>
<h1 id="h1" onclick="document.getElementById('h1').style.color='red'">Click Me!</h1>
</body>
</html> |
Try it yourself »
|
More About the Style Object and CSS
For all style properties, look at our complete
HTML DOM Style Object Reference.
To learn more about CSS, please read our complete
CSS tutorial.
 |
Try it Yourself - Examples |
Mouse Events
Change the color of an element when the cursor moves over it.
Visibility
How to make an element invisible. Do you want the element to show or not?
Click here to design a Stunning Flash Website for Free
Wix is a revolutionary web design tool that provides anyone with the possibility to create professional and beautiful websites for free.
With e-commerce features, search engine visibility and many more professional tools, Wix is the ultimate solution for creating a spectacular site while saving tons of money.
|