what is document.createElement in javascript code example

Example 1: create element javascript with id

var btn = document.createElement('div'); 
btn.setAttribute("id", "div1");

Example 2: javascript create element with class

Let suppose we are creating a div using javascript create element
// create a new div element 
	var newDiv = document.createElement("div"); 
// assigning class name to the new div
	newDiv.className = "className";

Example 3: document create element

document.body.onload = addElement;

function addElement () { 
  // create a new div element 
  var newDiv = document.createElement("div"); 
  // and give it some content 
  var newContent = document.createTextNode("Hi there and greetings!"); 
  // add the text node to the newly created div
  newDiv.appendChild(newContent);  

  // add the newly created element and its content into the DOM 
  var currentDiv = document.getElementById("div1"); 
  document.body.insertBefore(newDiv, currentDiv); 
}

Example 4: dom create element

var btn = document.createElement("BUTTON");   // Create a <button> element
btn.innerHTML = "CLICK ME";                   // Insert text
document.body.appendChild(btn);               // Append <button> to <body>

Tags:

Javascript Example

Recent Posts