inner html i njs code example

Example 1: javascript create node from innerhtml

function createElement( str ) {
    var frag = document.createDocumentFragment();

    var elem = document.createElement('div');
    elem.innerHTML = str;

    while (elem.childNodes[0]) {
        frag.appendChild(elem.childNodes[0]);
    }
    return frag;
}

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.

Tags:

Html Example