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