克隆标签尽量不涉及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(新的标签,旧的标签);