innerhtml in javascript code example

Example 1: change text of element js

document.getElementById("p1").innerHTML = "New text!";

Example 2: .innerhtml

// .innerHTML method is used to change the html contents of a DOM object
document.getElementById("demo").innerHTML = "Paragraph changed!";

Example 3: javascript innerhtml

document.getElementById("example").innerHTML = "Paragraph changed!";

Example 4: js innerHTML

document.getElementById("Test").innerHTML = "<p style='color:red;'>Test</p>";

Example 5: innerHTML

document.getElementById("Test").innerHTML = "<h1>Test</h1>";

Example 6: innerhtml in javascript

<p id="demo" class="demo_class"></p>

<script>
//simple
document.getElementById("demo").innerHTML = "hello World";

//advance
document.getElementById("demo").innerHTML = person("ahsan", "21");

function person(name1, age1) {
    return ("Your name is " + name1 + ". You're " + age1 + " years old.");
}

</script>