How to dynamically create elements in JavaScript?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

// Step 1: Select the parent element
const parentElement = document.getElementById('parent');

// Step 2: Create a new element
const newElement = document.createElement('div');

// Step 3: Add attributes to the new element
newElement.setAttribute('class', 'my-class');

// Step 4: Add content to the new element
newElement.innerHTML = "Some content";

// Step 5: Append the new element to the parent element
parentElement.appendChild(newElement);