what is the difference between innerhtml and innertext code example

Example 1: javascript innertext vs innerhtml

innerHTML shows everything inside of the element.
innerText shows only the text inside of the element.

Example 2: 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.

Example 3: difference between innerhtml and textcontent

difference between innerhtml and textcontent

Tags:

Html Example