JavascriptHTML DOM-changing CSS
HTML DOM allows JavaScript to change the style of HTML elements.
Change HTML Style
To change the style of your HTML elements, use this syntax:
document.getElementById (
ID). Style.
Property=
New Style
The following example changes the style of the <p> element:
Examples <body>
<p id= "P2" >hello world!</p>
<script>
document.getElementById ("P2"). style.color= "Blue";
</script>
<p>the paragraph above was changed by a script.</p>
</body>
Try it»
This example changes the style of the HTML element of the id= "ID1" when the user taps the button:
Example <! DOCTYPE html>
<body>
<H1 id= "Id1" >my Heading 1<button type= "button"
onclick= "document.getElementById (' Id1 '). style.color= ' Red '" >
Click me!</button>
</body>
Try it»
More examples
Visibility
How to make an element invisible. Do you want elements to appear or disappear?
JavaScript HTML DOM-changing CSS