add child element javascript vanilla code example

Example 1: appendchild javascript

const parent = document.createElement('div');
const child = document.createElement('p');
// Appending Node Objects
parent.append(child) // Works fine
parent.appendChild(child) // Works fine
// Appending DOMStrings
parent.append('Hello world') // Works fine
parent.appendChild('Hello world') // Throws error

Example 2: appendchild on specific position

parentElement.insertBefore(newElement, parentElement.children[2]);