Core Code
Core Code Modern Dev Handbook

Change Inner HTML

Modify the HTML content of an element.

Preview

Code

<div id="box">Old content</div>

<button onclick="updateHTML()">Change HTML</button>

<script>
function updateHTML(){
  document.getElementById("box").innerHTML = "<strong>New HTML content</strong>";
}
</script>

More JS HTML DOM Examples (7)

example Get Element By ID open example example Query Selector Example open example example Change Element Style open example example Create New Element open example example Remove Element open example example Add Event Listener open example example Read Input Value open example