dom-insert 是一个便捷的 DOM插入方法 工具。安装方式:npm install dom-insert应用程序接口提供以下方法:

  1. after(element, content) :在指定元素后插入内容。

  2. before(element, content) :在指定元素前插入内容。

  3. append(element, content) :追加内容到指定元素末尾。

  4. prepend(element, content) :在指定元素的开头添加内容。

每个方法都接受:

  • element {Element}:目标DOM元素

  • content {String|NodeList|Array}:可以是要插入的 HTML 字符串、节点或节点集合。

示例代码:


var domInsert = require('dom-insert');

var foo = document.querySelector('.foo');

domInsert.after(foo, '<p>新内容</p>');