add text to html javascript code example

Example 1: javascript remove html from text

//remove html tags from a string, leaving only the inner text
function removeHTML(str){ 
    var tmp = document.createElement("DIV");
    tmp.innerHTML = str;
    return tmp.textContent || tmp.innerText || "";
}
var html = "<div>Yo Yo Ma!</div>";
var onlyText = removeHTML(html); "Yo Yo Ma!"

Example 2: javascript append to paragraph

// In the JS script

var parElement = document.getElementById("myPar");
var textToAdd = document.createTextNode("Text to be added");
parElement.appendChild(textToAdd);

//In the HTML file

<p id="myPar"></p>

Example 3: js add more text to element

document.getElementById("p").textContent += " This is the text from javascript.";

<p id ="p">This is the text from HTML.</p>

Example 4: how to add text in javascript

<div id="mass">
<p id="ph1">This is a paragraph.</p>
<p id="ph2">This is another paragraph.</p>
</div>

<script>
var head = document.createElement("h1");
var node = document.createTextNode("New Heading.");
head.appendChild(node);

var ele = document.getElementById("mass");
var child = document.getElementById("ph1");
ele.insertBefore(head,child);
//ele.append(head,child);

Output : 
New Heading.
This is a paragraph.
This is another paragraph.