操作

在元素前插入内容

如果已找到某个元素(不论用何种方法)，您想在它前面插入额外的内容。您可以使用 insertBefore 函数。 
 
 在主内容前插入 <hr>
 
假设有个元素的 ID 为 "main"。
 
var main, newElement;
main = document.getElementById('main');
if (main) {
  newElement = document.createElement('hr');
  main.parentNode.insertBefore(newElement, main);
}

在元素后插入内容

如果已找到某个元素，您想在它后面插入额外的内容。您也可以使用 insertBefore 函数，要与 nextSibling 属性联合使用。 
 
假设有个元素的 ID 为 "navbar"。
 
var navbar, newElement;
navbar = document.getElementById('navbar');
if (navbar) {
  newElement = document.createElement('hr');
  navbar.parentNode.insertBefore(newElement, navbar.nextSibling);
}