JavaScript: inserire un elemento dopo un altro elemento

In JavaScript non è difficile inserire un elemento dopo un altro elemento.

Possiamo usare il metodo insertAdjacentHTML():

'use strict';

const after = ( element, html ) => {
	element.insertAdjacentHTML( 'afterend', html );
}

Esempio d'uso:

const el = document.querySelector( "#test" );
after( el, '<p>Test</p>' );