JavaScript - Changing CSS

The HTML DOM allows JavaScript to change the style of HTML elements. 

To change the style of an HTML element, use this syntax:

document.getElementById(id) = new style

Example: 1

The following example changes the style of a


Change CSS Using Events

The HTML DOM allows you to execute code when an event occurs.

Events are generated by the browser when "things happen" to HTML elements:

  • An element is clicked on
  • The page has loaded
  • Input fields are changed

This example changes the style of the HTML element <p> with id="demo" when the user clicks a button:


Contact Details

Mobile Number : 9891 222 738, 9891 50 1300

E-mail :

ADDRESS: 263, First Floor,Pocket H-17, Sector 7,
Near Rohini West Metro Station, Rohini, Delhi - 110085
Opposite Metro Pillar No. 425

Working hours


Day Timing
Monday To Friday 8:00 Am To 8:00Pm
Saturday & Sunday 8:00 Am To 5:00Pm

Contact Information
ADDRESS: 263, First Floor
Pocket H-17, Sector 7,
Rohini, Delhi - 110085
Near Rohini West Metro Station
Opposite Metro Pillar No. 425
Ansal Sushant City, Kundli,
Distt. Sonipat, Haryana, India

Near Panipat, Karnal


Mobile Number: