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

1)创建新节点
  createDocumentFragment()    //创建一个DOM片段
  createElement()   //创建一个具体的元素
  createTextNode()   //创建一个文本节点2)添加、移除、替换、插入
  appendChild()
  removeChild() 删除子节点
remove() 删除节点 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"

 

posted @ 2016-12-01 21:35  Model-Zachary  阅读(198)  评论(0编辑  收藏  举报