Manipulating the DOM – Creation, Insertion & Removal

Creating elements:

const div = document.createElement('div');

Setting attributes & content:

div.id = 'myDiv';
 div.className = 'card';
 div.textContent = 'Hello';

Appending / inserting:

document.body.appendChild(div);
// insert before an existing node
parent.insertBefore(newNode, referenceNode);

Removing:

div.remove(); // modern
parent.removeChild(div); // legacy