js 便捷的dom插入方法

语法

/**
 * @param position 表示插入内容相对于元素的位置
 *        beforebegin：元素自身的前面。
 *        afterbegin：插入元素内部的第一个子节点之前。
 *        beforeend：插入元素内部的最后一个子节点之后。
 *        afterend：元素自身的后面。
 * @param text  要被插入到DOM树中的HTML或XML元素
 */
element.insertAdjacentHTML(position, text)

position 属性示意图

<!-- beforebegin -->
<p>
  <!-- afterbegin -->
  foo
  <!-- beforeend -->
</p>
<!-- afterend -->

手册地址

element.insertAdjacentHTML