从body尾部插入元素是appendChild，那么插入到第一个元素前用什么？

Question

从body尾部插入元素是appendChild，那么插入到第一个元素前用什么？

Answer 1

let div = document.createElement('div')
let firstChild = document.body.firstChild
document.body.insertBefore(div, firstChild)

概括为一个函数：

function insertBefore(node, newElement) {
  node.insertBefore(newElement, node.firstChild)
}

let div = document.createElement('div')
insertBefore(document.body, div)

Answer 2

insertbefore

Answer 3

rootNode.insertAdjacentHTML('afterbegin', template);

Answer 4

insertBefor方法是在已有的节点前添加新的节点（相对于子节点来说的）。比如：insertBefore(newchild,rechild)