The JavaScript innerHTML property is used to generate the dynamic HTML and is the easiest way to modify the content of an HTML element. The dynamic HTML can be a registration form, comment form, links, etc.
Syntax 1: To change the content of an HTML element
document.getElementById(id).innerHTML = new HTML
Syntax 2: To get the content of an HTML element
document.getElementById(id).innerHTML = x[index].innerHTML;
Syntax 3: To get the content of an HTML ID
document.getElementById(id).innerHTML = myElement.innerHTML;
Example:
<!DOCTYPE html>
<html>
<body>
<h1>"Get Element by Tag Name!"</h1>
<p>Example</p>
<p id="DOM"></p>
<script>
var x = document.getElementsByTagName("h1");
document.getElementById("DOM").innerHTML =
'The text in h1 is: ' + x[0].innerHTML;
</script>
</body>
</html>