You can change the content of your HTML element by manipulating the DOM using JavaScript. Here are some of the ways :
Using innerHTML
HTML
<div id="myElement">Original Content</div>
<script>
// Get the element by its ID
var element = document.getElementById("myElement");
// Change the content using innerHTML
element.innerHTML = "New Content";
</script>
Note: This method is best suited when you set or manipulate HTML content.
Using textContent
HTML
<div id="myElement">Original Content</div>
<script>
// Get the element by its ID
var element = document.getElementById("myElement");
// Change the content using textContent
element.textContent = "New Content";
</script>
Note: This method is best suited when you want to set or manipulate the text content of an HTML element without interpreting HTML tags.
Using innerText
HTML
<div id="myElement">Original Content</div>
<script>
// Get the element by its ID
var element = document.getElementById("myElement");
// Change the content using innerText
element.innerText = "New Content";
</script>
Note: This method is best suited when you want to set or manipulate the text content of an HTML element. It might not work in some browsers.