Create Elements Using ChildNode.After()

 The Best Method -

var parent = document.createElement("div");
var child = document.createElement("p");
parent.appendChild(child);
var span = document.createElement("span");
child.after(span);
console.log(parent.outerHTML);
Output: // "<div><p></p><span></span></div>"