JavaScript DOM insertAfter() method

Extends the JavaScript DOM to add Node.prototype.insertAfter() method

by Abhishek Kumar

HTML

<div id="divOne">
    <p id="pOne">paragraph one</p>
    <p id="pTwo">paragraph two</p>
</div>

JavaScript

Node.prototype.insertAfter = function(newNode, referenceNode) {
    return referenceNode.parentNode.insertBefore(
        newNode, referenceNode.nextSibling);
};

// getting required handles
var refElem = document.getElementById("pOne");
var parent = refElem.parentNode;

// creating <p>paragraph three</p>
var txt = document.createTextNode("paragraph three");
var paragraph = document.createElement("p");
paragraph.appendChild(txt);

parent.insertAfter(paragraph, refElem);