CodesJava

Easy learning with example program codes

JavaScript innerHTML property

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>
Please follow and like us:
error








Copyright © 2019 CodesJava DMCA.com Protection Status