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).style.property = new style

Example: 1

The following example changes the style of a

element:

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 : contactbapugraphics@gmail.com

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
-----------------------------------------

Email: contactbapugraphics@gmail.com

Mobile Number:
9891222738,
9891501300