innertext and innerhtml in javascript code example

Example 1: .innerhtml

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

Example 2: javascript innerhtml

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

Example 3: change innertext javascript

element.innerText = "Hello World";

Example 4: innertext vs innerhtml

Inner text below. It inject string as it is into the element.
My name is <b class="name">Raj Yadav</b>.

Inner html below. It renders the string into the element and treat as part of html document.
My name is Raj Yadav.