Files
30-seconds-of-code/snippets/insertAfter.md
Angelos Chalaris 1c8e535a41 Add 4 new browser snippets
triggerEvent - trigger an event on an element, insertAfter & insertBefore - parse and insert HTML after or before an element respectively, elementContains - checks if an element contains another element
2018-06-19 20:57:58 +03:00

14 lines
413 B
Markdown

### insertAfter
Inserts an HTML string after the end of the specified element.
Use `el.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>
```