Create an Element in JavaScript

element.js

// Create an Element
let ele = document.createElement( 'div' ); // Replace 'div' with required element

// Insert Text
ele.innerText = 'Hello World!';
// or
ele.innerHTML = 'Hello World!';
// or, not recommended
let textNode = document.createTextNode( 'Hello World!' ); // Create a text node
ele.appendChild( textNode ); 

// Set Attribute
ele.setAttribute( 'class', 'demoClass' );
// or, not recommended
let att = document.createAttribute( 'class' ); // Create a 'class' attribute
att.value = 'demoClass'; // Set the value of the class attribute
ele.setAttributeNode( att );

// Add an Event
ele.onchange = function() // Replace 'onchange' with required event
{
}
// Add event listener example

// Insert an Element Inside the Created Element
ele.append( anotherElement ); // Warning: 'anotherElement' element must exist beforehand

// Add the Element to Another Element
document.querySelector( '.className' ).append( ele ); // Warning: 'className' class must exist beforehand

// Add the Element to the Page
document.body.append( ele );

// Other methods for insertion: prepend, insertbefore

ToDo

• Add a shorter version of this to miscellaneous.js.
• Write an article based on this.
• Complete this.
• Add references.
• onchange => eventname