HTML DOM Element after()
Example
Insert text after a div:
const div = document.getElementById("myDiv");
div.after("World!");
Try it Yourself »
div.after("World!");
Example
Insert an element after a div:
const div = document.getElementById("myDiv");
const h3 = document.createElement("h3");
div.after(h3);
h3.append("Hello! I am an h3");
Try it Yourself »
const h3 = document.createElement("h3");
div.after(h3);
h3.append("Hello! I am an h3");
More "Try it Yourself" examples below.
Description
The after() method is used to insert one or
more nodes (elements)
or strings immediately after an element.
Tip: Strings will be inserted as Text nodes.
Syntax
element.after(node1, node2, ...)
Parameters
Parameter
Description
node
Required. One or more nodes or strings to insert after the element
Return Value
None
Browser Support
| Method | |||||
|---|---|---|---|---|---|
| after() | 54 | 17 | 49 | 10 | 39 |
See Also:
Related Document Methods:
More Examples
Example
Insert two elements and a text after a div:
const div = document.getElementById("myDiv");
const h3 = document.createElement("h3");
const h4 = document.createElement("h4");
div.after(h3, h4, "Some text!");
h3.append("Hello! I am an h3");
h4.append("Hello! I am an h4");
Try it Yourself »
const h3 = document.createElement("h3");
const h4 = document.createElement("h4");
div.after(h3, h4, "Some text!");
h3.append("Hello! I am an h3");
h4.append("Hello! I am an h4");