创建标签等操作DOM的原生js API

1)创建新节点
  createDocumentFragment()    //创建一个DOM片段
  createElement()   //创建一个具体的元素
  createTextNode()   //创建一个文本节点2)添加、移除、替换、插入
  appendChild()
  removeChild()
  replaceChild()
  insertBefore() //在已有的子节点前插入一个新的子节点3)查找
  getElementsByTagName()    //通过标签名称
  getElementsByName()    //通过元素的Name属性的值(IE容错能力较强,会得到一个数组,其中包括id等于name值的)
  getElementById()    //通过元素Id,唯一性

举例使用一个

var p = document.createElement('p');
var box = document.getElementsByTagName('div')[0];
box.appendChild(p); 
p.innerHTML="1234"
原文地址:https://www.cnblogs.com/Model-Zachary/p/6123675.html