增删查改dom节点的操作

var li = document.createElement('li');//创建一个li节点，该方法只有一个参数，用来指定创建元素的标签名称。
var ul = document.querySelector('ul');//查找ul元素
ul.appendChild(li);//给ul添加一个子节点（添加成当前节点的最后一个子节点）
//将该li节点添加在ul的字节点中的最前面ul.children[0]
ul.insertBefore(li,ul.children[0]);
ul.removeChild(ul.children[0]);//删除ul的第一个子节点
//复制节点
var li = ul.children[0].cloneNode(true);//深拷贝
var lis = ul.children[0].cloneNode(false);//浅拷贝
1
2
3
4
5
6
7
8
9

1、创建并添加节点
（1）document.createElement(“标签名”） 创建元素节点
之后适应appendClild()添加进去
（2）使用innerHTML直接添加标签字符串

var ul=document.getElementById("list");
var str="
item1
"+
        "
item2
"+
        "
item3
";
ul.innerHTML=str;
1
2
3
4
5

ul.innerHTML=str;
（3）指定位置添加节点insertBefore(）
2、删除：父节点.removeChild（节点）
3、复制：cloneNode（true）
4、查找dom节点
（1） 通过ID获取（getElementById（“id选择器”））
（2）通过name属性（getElementsByName（“name属性”））
（3）通过标签名（getElementsByTagName（“标签选择器”））
（4） 通过类名（getElementsByClassName（“类选择器”））
（5） 通过选择器获取一个元素（querySelector（“选择器”）），若是多个，只获取第一个。
（6） 通过选择器获取一组元素（querySelectorAll（“选择器”））
（7）获取html的方法（document.documentElement）,是专门获取html这个标签的.
（8） 获取body的方法（document.body） document.body是专门获取body这个标签的。
注：最后两个不需要参数