JavaScript HTML DOM - Changing CSS

Changing HTML Style

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

Using Events

< !DOCTYPE html>
< html>
< body>

< h1 id="id1">My Heading 1< /h1>

< button type="button"
onclick="document.getElementById('id1').style.color = 'red'">
Click Me!< /button>

< /body>
< /html>