js append code example

Example 1: JavaScript append text to div

var div = document.getElementById('myElementID');
div.innerHTML += "Here is some more data appended";

Example 2: javascript appendchild at index

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

Example 3: 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 4: .append js

let parent = document.createElement("div")
parent.append("Some text")

console.log(parent.textContent) // "Some text"

Example 5: js append en tête

var parent = document.createElement("div");
var p = document.createElement("p");
var span = document.createElement("span");
parent.append(p);
parent.prepend(span);

console.log(parent.childNodes); // NodeList [ <span>, <p> ]

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

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