append dom element javascript code example
Example 1: JavaScript append text to div
var div = document.getElementById('myElementID');
div.innerHTML += "Here is some more data appended";
Example 2: create and append element in javascript
var node = document.createElement("LI");
var textnode = document.createTextNode("Water");
node.appendChild(textnode);
document.getElementById("myList").appendChild(node);
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: JavaScript append HTML
let app = document.querySelector('#app');
app.append('append() Text Demo');
console.log(app.textContent);
Example 5: add a child html object to another html object in js
parent.append(child);
parent.insertBefore(child, list.childNodes[0]);