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");
}