30秒学会 JavaScript 片段 · 2018年4月2日

30秒学会 JavaScript 片段 – 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.

代码片段

const insertAfter = (el, htmlString) => el.insertAdjacentHTML('afterend', htmlString);

使用样例

insertAfter(document.getElementById('myId'), '<p>after</p>');
// <div id="myId">...</div> <p>after</p>