how to add text to element javascript code example

Example 1: how to add elements in javascript html

//adding 'p' tag to body

  var tag = document.createElement("p"); // <p></p>
  var text = document.createTextNode("TEST TEXT"); 
  tag.appendChild(text); // <p>TEST TEXT</p>
  var element = document.getElementsByTagName("body")[0];
  element.appendChild(tag); // <body> <p>TEST TEXT</p> </body>

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

Tags:

Javascript Example

Recent Posts