how to create a new element in javascript code example

Example 1: js create element

let myElm = document.createElement("p");	// Create a new element

myElm.innerText = 'test';		// Change the text of the element
myElm.style.color = 'red';		// Change the text color of the element

document.body.appendChild(myElm);	// Add the object to the DOM

Example 2: create element javascript with id

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

Example 3: js create element

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

Tags:

Html Example