How to use jquery after() in javascript?

Question

How do in javascript the same equivalent function in jquery after?

I want to add one div right after the other, so

<div id="div1"></div>
<div id="div2"></div> <!-- div 2 adicionada via javascript após a divi1 -->

In jquery I use this:

$('#div1').after('<div id="div2"></div>');

But I wanted javascript. Someone can help me?

Answer 1

Javascript:

const div = document.querySelector('#div1');
div.insertAdjacentHTML('beforeend', `<div id="div2"></div>`);

This is one way. There are other ways too. You can see this and other ways here in the documentation. https://developer.mozilla.org/en-US/docs/Web/API/Element/insertAdjacentHTML