how add text to element in javascript code example
Example 1: how add text to element in javascript
var paragraph = document.getElementById("p");
var text = document.createTextNode("This just got added");
paragraph.appendChild(text);
Example 2: how add text to element in javascript
var h = document.createElement("H1") // Create a <h1> element
var t = document.createTextNode("Hello World"); // Create a text node
h.appendChild(t); // Append the text to <h1>
Example 3: how add text to element in javascript
var p = document.getElementById("p")
p.innerText = p.innerText+" And this is addon."
Example 4: how add text to element in javascript
document.getElementById("p").textContent += " this has just been added";
Example 5: how add text to element in javascript
var paragraph = document.getElementById("p");
paragraph.textContent += "This just got added";
Example 6: 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.