var element = document.createElement("span");
element.setAttribute("style", "color: red");
document.body.appendChild(element);var newDiv = document.createElement("div");
document.body.appendChild(newDiv);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);
}const element = document.createElement("h1"); /* First need to make element to edit it! */
element.setAttribute("style", text-align:center"); /* First use Property then next its value
document.body.appendChild(element); /* Used to show the element in body tag cuz other tags doesn't have display, see it in DevTools! *//* Oh Sorry, in the previous answer is posted by me but in line 2, I've a problem, see this fixed: */
const element = document.createElement("h1"); /* First need to make element to edit it! */
element.setAttribute("style", /* This */ "text-align:center"); /* Here have a problem, I haven't included " in here*/
document.body.appendChild(element); /* Used to show the element in body tag cuz other tags doesn't have display, see it in DevTools! */