< BACK

Javascript tips, tricks and code snippets

Insert a DOM element after another without using a library

Given this structure

<body>
    <div class="container"></div>
</body>

let newNode = document.createElement('span')
let refNode = document.querySelector('div.container')
refNode.parentNode.insertBefore(newNode, refNode.nextSibling)

becomes

<body>
    <div class="container"></div>
    <span></span>
</body>