var base_url = '';

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: H-17 / 263, First Floor,Sector 7,
Near Rohini West Metro Station,
Opposite Metro Pillar No. 425
Rohini, Delhi - 110085

Working hours

Day Timing
Monday To Friday 8:00 Am To 7:00Pm
Saturday 10:00 Am To 6:00Pm