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 DOMvar newDiv = document.createElement("div");
document.body.appendChild(newDiv);var btn = document.createElement("BUTTON"); // Create a <button> element
btn.innerHTML = "CLICK ME"; // Insert text
document.body.appendChild(btn); // Append <button> to <body>//create and append element
var node = document.createElement("LI"); // Create a <li> node
var textnode = document.createTextNode("Water"); // Create a text node
node.appendChild(textnode); // Append the text to <li>
document.getElementById("myList").appendChild(node);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);
}var newElement = document.createElement("div"); //change div to your element
document.getElementById("myElement").appendChlid(newElement); //change myElement to your ALREADY EXISTING element