append child to body code example

Example 1: appendchild javascript

function createMenuItem(name) {
    let li = document.createElement('li');
    li.textContent = name;
    return li;
}
// get the ul#menu
const menu = document.querySelector('#menu');
// add menu item
menu.appendChild(createMenuItem('Home'));
menu.appendChild(createMenuItem('Services'));
menu.appendChild(createMenuItem('About Us'));

Example 2: how to appendChild in the begin of the div javascript

var element = document.getElementById("div1");
element.insertBefore(para, element.firstChild);

Example 3: JavaScript append HTML

let app = document.querySelector('#app');
app.append('append() Text Demo');

console.log(app.textContent);

Tags:

Html Example