createElement() / appendChild() / innerHTML
method
Create new DOM elements, set their content, and insert them into the document.
Syntax
document.createElement(tag) parent.appendChild(child)
Example
javascript
// Create and insert element
const card = document.createElement('div');
card.classList.add('card');
card.innerHTML = `
<h2>New Card</h2>
<p>Card content here.</p>
`;
document.querySelector('#container').appendChild(card);
// Modern alternative
const list = document.querySelector('ul');
list.insertAdjacentHTML('beforeend', '<li>New item</li>');