Files
30-seconds-of-code/snippets/insertAfter.md
Isabelle Viktoria Maciohsek 27c168ce55 Bake date into snippets
2021-06-13 13:55:00 +03:00

21 lines
533 B
Markdown

---
title: insertAfter
tags: browser,beginner
firstSeen: 2018-06-19T20:57:58+03:00
lastUpdated: 2020-10-20T23:02:01+03:00
---
Inserts an HTML string after the end of the specified element.
- Use `Element.insertAdjacentHTML()` with a position of `'afterend'` to parse `htmlString` and insert it after the end of `el`.
```js
const insertAfter = (el, htmlString) =>
el.insertAdjacentHTML('afterend', htmlString);
```
```js
insertAfter(document.getElementById('myId'), '<p>after</p>');
// <div id="myId">...</div> <p>after</p>
```