js insert element code example
Example 1: insert element to dom
var node = document.createElement("LI");
var textnode = document.createTextNode("Water");
node.appendChild(textnode);
document.getElementById("myList").appendChild(node);
Example 2: how to add elements in javascript html
var tag = document.createElement("p");
var text = document.createTextNode("TEST TEXT");
tag.appendChild(text);
var element = document.getElementsByTagName("body")[0];
element.appendChild(tag);
Example 3: Inserting HTML elements with JavaScript
function create(htmlStr) {
var frag = document.createDocumentFragment(),
temp = document.createElement('div');
temp.innerHTML = htmlStr;
while (temp.firstChild) {
frag.appendChild(temp.firstChild);
}
return frag;
}
var fragment = create('<div>Hello!</div><p>...</p>');
document.body.insertBefore(fragment, document.body.childNodes[0]);
Example 4: 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');