The Element.append() method inserts a set of Node objects or string objects after the last child of the Element. String objects are inserted as equivalent Text nodes.
Differences from Node.appendChild():
-
Element.append() allows you to also append string objects, whereas Node.appendChild() only accepts Node objects. -
Element.append() has no return value, whereas Node.appendChild() returns the appended Node object. -
Element.append() can append several nodes and strings, whereas Node.appendChild() can only append one node.
append(param1)
append(param1, param2)
append(param1, param2, paramN)
let div = document.createElement("div");
let p = document.createElement("p");
div.append(p);
console.log(div.childNodes);
let div = document.createElement("div");
div.append("Some text");
console.log(div.textContent);
let div = document.createElement("div");
let p = document.createElement("p");
div.append("Some text", p);
console.log(div.childNodes);
The append() method is not scoped into the with statement. See Symbol.unscopables for more information.
let div = document.createElement("div");
with (div) {
append("foo");
}