js结点的克隆

克隆标签尽量不涉及id值，用类

想得到一个和目标标签一样的

被克隆的对象.cloneNode( true)表示克隆对象样式及里面的内容

 

 

克隆的时候想要克隆事件的话就把事件封装在div里面

1、创建节点

1 先创建一个节点

2 确定节点的内容

3 给创建的父级末置追加 标签.appendChild()

var new_li = document.createElement('li'); // 创建节点

new_li.innerHTML = '6'; //给节点添加内容

new_li.parentNode.appendChild(new_li); // 在节点的父级后置追加新的节点进去

2、移除节点

移除标签的父级标签.removeChild(要删除的标签);

removeChild()和display:none的区别？

移除标签后标签就不存在文档中，而display:none让标签消失了之后标签还会在文档中，只是隐藏了

3、克隆标签

标签.cloneNode(true)

如果cloneNode()里面有true就是把标签里面的标签和内容都克隆过来，如果没有true则只克隆标签，不克隆里面的标签和内容

！！！如果是只克隆一个标签的话就写一个标签，但是如果克隆的是很多个标签的话也是把很多个标签写进去，但是每个标签不能换行

4、替换标签

替换标签跟新增标签的步骤一样

1 先创建一个新的标签节点

2 给标签添加内容

3 把旧的标签用新的标签替换掉 标签.replaceChild(新的标签，旧的标签);