How to Insert Element in Document after Specific Div Element using JavaScript?

JavaScript – Insert Element after Specific Div Element

To insert element in document after div element using JavaScript, get reference to the div element; call after() method on this div element; and pass the element to insert, as argument to after() method.

Examples

In the following example, we have div with id "myDiv", and we shall add a paragraph element after this div using after() method.

HTML File

Example 2 – Insert Div in Document after Specific Div

Now, let us create a div element and insert this div after the element with id "myDiv" using after() method.

HTML File

When you click on Click Me button in the output of HTML, a new div will be added after the div element with id "myDiv".

Conclusion

In this JavaScript Tutorial, we learned how to insert an element in the document after a div using JavaScript.