JS DOM编程艺术第七章

1.document.write()：例如：document.write("<p>This is a paragraph</p>")，缺点：背离了行为与表现分离的原则。所以应该避免使用。
2.innerHTML属性：一旦使用innerHTML，元素内部的结构会被全部替换，而不会插入
3.document.createElement()方法创建元素节点。
4.document.createTextNode()方法创建文本内容。
4.appendChild()方法：语法：parent.appendChild(child);
5.insertBefore()方法：语法：parentElement.insertBefore(newElement, targetElement);
6.parentNode：父元素，所以insertBefore的语法还可写为：targetElement.parentNode.insertBefore(newElement, targetElement);
7.insertAfter()方法，DOM并没有提供这个方法，需要我们自己编写：

function insertAfter(newElement, targetElement) {
  var parentElement = targetElement.parentNode;
  if(targetElement == parentElement.lastChild) {
    parentElement.appentChild(newElement);
  } else {
    parentElement.insertBefore(newElement, targetElement.nextSibling);
  }
}

涉及到了，firstChild, lastChild, nextSibling三个方法。