html js appendchild code example
Example 1: appendchild javascript
function createMenuItem(name) {
let li = document.createElement('li');
li.textContent = name;
return li;
}
const menu = document.querySelector('#menu');
menu.appendChild(createMenuItem('Home'));
menu.appendChild(createMenuItem('Services'));
menu.appendChild(createMenuItem('About Us'));
Example 2: appendchild javascript
const parent = document.createElement('div');
const child = document.createElement('p');
const childTwo = document.createElement('p');
parent.append(child, childTwo, 'Hello world');
parent.appendChild(child, childTwo, 'Hello world');
Example 3: appendchild javascript
const parent = document.createElement('div');
const child = document.createElement('p');
parent.append(child)
parent.appendChild(child)
parent.append('Hello world')
parent.appendChild('Hello world')
Example 4: add a child html object to another html object in js
parent.append(child);
parent.insertBefore(child, list.childNodes[0]);