<html>
<body>
<h3 id="demo">JavaScript can change HTML content.</h3>
<button type="button"
onclick="document.getElementById('demo').innerHTML = "Hello JavaScript!"">
Click me!</button>
</body>
</html>
One of many HTML methods is getElementById(). This example uses the method to "find" an HTML element (with id="demo"), and changes the element content (innerHTML) to "Hello JavaScript":
| HTML file: | Displayed by browser: |
|---|---|
|
<!DOCTYPE html>
<html> <body> <h3 id="demo">JavaScript can change HTML content.</h3> <button type="button" onclick="document.getElementById('demo').innerHTML = "Hello JavaScript!""> Click me!</button> </body> </html> |
JavaScript can change HTML content. |
