JavaScript - before() method

revision: February 14, 2024

Category : element

The Element.before() method inserts a set of Node or string objects in the children list of this Element's parent, just before this Element. String objects are inserted as equivalent Text nodes.

Syntax :

        before(param1)
        before(param1, param2)
        before(param1, param2, /* … ,*/ paramN)
    

Parameters:

param1, …, paramN : a set of Node or string objects to insert.

Examples:

            let container = document.createElement("div");
            let p = document.createElement("p");
            container.appendChild(p);
            let span = document.createElement("span");
            p.before(span);
            console.log(container.outerHTML);
            // "<div><span></span><p></p></div>"

            let container = document.createElement("div");
            let p = document.createElement("p");
            container.appendChild(p);
            p.before("Text");
            console.log(container.outerHTML);
            // "<div>Text<p></p></div>"

            let container = document.createElement("div");
            let p = document.createElement("p");
            container.appendChild(p);
            let span = document.createElement("span");
            p.before(span, "Text");
            console.log(container.outerHTML);
            // "<div><span></span>Text<p></p></div>"

        

Practical examples