create element javascript with attributes code example

Example 1: javascript create element with attributes

var element = document.createElement("span");
element.setAttribute("style", "color: red");
document.body.appendChild(element);

Example 2: js create element

var newDiv = document.createElement("div");
document.body.appendChild(newDiv);

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); 
}

Tags:

Misc Example