操作DOM
1.1 创建元素节点
var myLi = document.createElement('li')
1.2 创建文本节点
var myStr=document.createTextNode('222222222222222')
1.3 增加节点
添加到指定父节点的最后:
语法:父节点.appendChild(要添加的子节点)
oUl.appendChild(myLi);
语法:父节点.insertBefore(要添加的节点,添加在哪个节点位置之前)
oUl.insertBefore(myLi, null);
值得注意的是,insertBefore是将节点添加到指定位置,要想添加到最后,故需要将第二个参数设为null
1.4 删除节点
语法:父节点.removeChild(要删除的节点)
oUl.removeChild(oUl.firstElementChild);
1.5修改某一个节点
语法:父节点.replaceChild(新的节点, 要被修改的节点)
oUl.replaceChild(myLi, oLi);
克隆DOM
语法:想要复制的节点.cloneNode(参数布尔值)
var newLi = oLi.cloneNode(true);
==补充:== 当参数为true,克隆子节点,包括所有节点(文本节点与元素节点,以及属性节点);