DHTML - CSS

« Previous Chapter Next Chapter »

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'">Hai Everyone!</h1>

</body>
</html>
Code it Online »


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'">Hai Everyone!</h1>

</body>
</html>


More About the Style Object and CSS

For all style properties, look at our complete HTML DOM Style Object Reference.

Code it Online - 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?


« Previous Chapter Next Chapter »

Have Any Suggestion? We Are Waiting To Hear from YOU!

Your Query was successfully sent!