操作与克隆DOM

87 阅读1分钟

操作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,克隆子节点,包括所有节点(文本节点与元素节点,以及属性节点);