JS代码中div的复制怎么实现
用cloneNode
定义和用法
cloneNode() 方法可创建指定的节点的精确拷贝。
此方法可返回所复制的节点。
语法：
nodeObject.cloneNode(include_all)参数 描述
include_all 必需。假如逻辑参数被设置为真，那么被克隆的节点会克隆原节点的所有子节点。
返回值
当前节点的副本。
说明
该方法将复制并返回调用它的节点的副本。如果传递给它的参数是 true，它还将递归复制当前节点的所有子孙节点。否则，它只复制当前节点。
返回的节点不属于文档树，它的 parentNode 属性为 null。
当复制的是 Element 节点时，它的所有属性都将被复制。但要注意，当前节点上注册的事件监听器函数不会被复制。
js怎样添加，移除，移动，复制，创建和查找节点
1、添加节点append方法
栗子：为body添加一个内容为sss的文本节点
document.body.appendChild(document.createTextNode(“sss“));
2、移除节点，removeChild移除某个节点的子节点
栗子：
var ccn=document.getElementById(“sd“).childNodes;//获取到要移除的节点
document.getElementById(“sd“).removeChild(ccn);//将id为sd的第一个子节点移除
3、移动，控制
栗子：将id为sd的节点向右边移动50px
var sdds=document.getElementById(“sd“);
sdds.style.left=parseInt(sdds.style.left)+50+“px“;
《div id=’sd’ style=“position: absolute; left: 10px;“》sd《/div》
4、创建节点
document.createTextNode(“sss“)//创建文本节点
document.createElement(“p“)//创建p节点
5、查找节点
document.getElementById(’oo’);//根据id查找
document.getElementsByTagName(“p“);//根据标签名字查找节点
…
js 如何增加节点
先是：
document.createElement(eleNode)方法：创建一个元素节点eleNode
document.createTextNode(textNode)方法：创建一个文本节点textNode
document.createDocumentFragment()方法：创建文档碎片节点
然后将这个节点添加到其父节点下：
eleNode.appendChild(textNode)方法：将textNode节点添加到childNodes的末尾
其实，一开始你要决定在那个父节点下增加节点，先是找到父节点。
JS添加 移除 移动 复制 创建
1、js添加节点：document.body.appendChild(document.createTextNode在写出想要添加的即可。
2、js移除节点：varccn=document.getElementById(“sd“).childNodes;//填写要移除的节点。
3、js移动节点：编写varsdds=document.getElementById(“sd“)即可移动。
4、js复制节点：document.getElementsByTagName(“p“);//即可复制。
5、js创建节点：document.createTextNode(“sss“)//即可进行创建。
js 的clonenode怎么用
定义和用法
cloneNode() 方法创建节点的拷贝，并返回该副本。
cloneNode() 方法克隆所有属性以及它们的值。
如果您需要克隆所有后代，请把 deep 参数设置 true，否则设置为 false。
var ele=document.getElementById(’id’);
var eleClone=ele.cloneNode(true);
document.body.appendChild(eleClone);
怎样添加,移除,移动,复制,创建和查找节点
（1）创建新节点
createDocumentFragment() //创建一个DOM片段
createElement() //创建一个具体的元素
createTextNode() //创建一个文本节点
（2）添加、移除、替换、插入
appendChild()
removeChild()
replaceChild()
insertBefore()
（3）查找
getElementsByTagName() //通过标签名称
getElementsByName() //通过元素的Name属性的值
getElementById() //通过元素Id，唯一性
1、创建元素节点
document.createElement() 方法 用于创建元素，接受一个参数，即要创建元素的标签名，返回创建的元素节点
（1）var div = document.createElement(“div“); //创建一个div元素
（2）div.id = “myDiv“; //设置div的id
（3）div.className = “box“; //设置div的class
创建元素后还要把元素添加到文档树中
2、添加元素节点
appendChild() 方法 用于向childNodes列表的末尾添加一个节点，返回要添加的元素节点
（1）var ul = document.getElementByIdx(“myList“); //获得ul
（2）var li = document.createElement(“li“); //创建li
（3） li.innerHTML = “项目四“; //向li内添加文本
（4）ul.appendChild(li); //把li 添加到ul子节点的末尾
appendChild() 方法还可以添加已经存在的元素，会将元素从原来的位置移到新的位置
（1）var ul = document.getElementById(“myList“); //获得ul
（2）ul.appendChild(ul.firstChild); //把ul的第一个元素节点移到ul子节点的末尾
insertBefore() 方法，如果不是在末尾插入节点，而是想放在特定的位置上，用这个方法，该方法接受2个参数，第一个是要插入的节点，第二个是参照节点，返回要添加的元素节点
（1）var ul = document.getElementById(“myList“); //获得ul
（2）var li = document.createElement(“li“); //创建li
（3）li.innerHTML= “项目四“; //向li内添加文本
（4）ul.insertBefore(li,ul.firstChild); //把li添加到ul的第一个子节点前
（1）var ul = document.getElementById(“myList“); //获得ul
（2）var li = document.createElement(“li“); //创建li
（3）li.innerHTML= “项目四“; //向li内添加文本
（4）ul.insertBefore(li,ul.lastChild); //把li添加到ul的最后一个子节点（包括文本节点）之前
（1）var ul = document.getElementById(“myList“); //获得ul
（2）var li = document.createElement(“li“); //创建li
（3）li.innerHTML= “项目四“; //向li内添加文本
（4）var lis = ul.getElementsByTagName(“li“) //获取ul中所有li的集合
（5）ul.insertBefore(li,lis); //把li添加到ul中的第二个li节点前
添加后：
3、移除元素节点
removeChild() 方法，用于移除节点，接受一个参数，即要移除的节点，返回被移除的节点，注意被移除的节点仍然在文档中，不过文档中已没有其位置了
（1）var ul = document.getElementById(“myList“); //获得ul
（2）var fromFirstChild = ul.removeChild(ul.firstChild); //移除ul第一个子节点
（1）var ul = document.getElementById(“myList“); //获得ul
（2）var lis = ul.getElementsByTagName(“li“) //获取ul中所有li的集合
（3）ul.removeChild(lis); //移除第一个li，与上面不同，要考虑浏览器之间的差异
4、替换元素节点
replaceChild() 方法，用于替换节点，接受两个参数，第一参数是要插入的节点，第二个是要替换的节点，返回被替换的节点
（1）var ul = document.getElementById(“myList“); //获得ul
（2）var fromFirstChild = ul.replaceChild(ul.firstChild); //替换ul第一个子节点
（1）var ul = document.getElementById(“myList“); //获得ul;
（2）var li = document.createElement(“li“); //创建li
（3）li.innerHTML= “项目四“; //向li内添加文本
（4）var lis = ul.getElementsByTagName(“li“) //获取ul中所有li的集合
（5）var returnNode = ul.replaceChild(li,lis); //用创建的li替换原来的第二个li
5、复制节点
cloneNode() 方法，用于复制节点， 接受一个布尔值参数， true 表示深复制（复制节点及其所有子节点）， false 表示浅复制（复制节点本身，不复制子节点）
（1）var ul = document.getElementById(“myList“); //获得ul
（2）var deepList = ul.cloneNode(true); //深复制
（3）var shallowList = ul.cloneNode(false); //浅复制
如何创建节点，添加内容
您好：是的，是要创建节点，添加节点。
js中创建节点用var html=document.createElement（“《li》CCTV-1综合《/li》“）;这样就是创建一个节点.添加节点方法是：比如你要添加到另一id=“ulid”的一个个《ul id=“ulid“》《/ul》中.那么就可以用document.getElementById(“ulid“).appendchild(html)；这样就可以插入到那个ul中了。
jq方法更简单：直接用$(“《li》CCTV-1综合《/li》““)创建节点，然后接着在后面
$(“《li》CCTV-1综合《/li》““).appendTo(“ul“)；
很简单吧呵呵。好好学习。
js怎样添加、移除、移动、复制、创建和查找节点
添加节点append；移除节点removeChild；移动节点：var sdds=document.getElementById；创建节点createTextNode()；查找节点：document.getElementsByTagName。
其他方法：
-
创建新节点
createDocumentFragment() //创建一个DOM片段
createElement() //创建一个具体的元素
createTextNode() //创建一个文本节点
-
添加、移除、替换、插入
appendChild() //添加
removeChild() //移除
replaceChild() //替换
insertBefore() //插入
-
查找
getElementsByTagName() //通过标签名
称
getElementsByName() //通过元素的Name属性的值
getElementById() //通过元素Id，唯一性
-
实现一个函数clone，可以对JavaScript中的5种主要的数据类型(包括Number、String、Object、Array、Boolean)进行值复制。
JavaScript中如何添加文本节点
最简单的方法就是用元素的innerHTML属性赋值，如：myNewElement.innerHTML = “我是文本”;但这样不能清晰的体现DOM中新增加了一个文本节点。
然后另一种添加文本节点的方式，可分为两步：
1、创建节点：文本节点的创建使用createTextNode方法，如：var myText = document.createTextNode(“我是文本”);
2、将创建的节点用appendChild方法添加某个元素下。如：myNewElement.appendChild(myText);这样myNewElement就有myText的文本节点，文本节点的内容是“我是文本”即可。
获取属性节点
第一种方法：获取官方定义的属性节点(获取元素的对应属性值)。
格式：元素节点，属性名。
注意：不能获取自定义属性的值。
代码如下：
console.log(jsInput.placeholder);
alert(“是时候展现真正的技术“);
设置属性节点的值
公式：元素节点 . 属性名 = 新的属性值
代码如下：
//设置元素对应属性的值
//元素节点.属性名 = 新的属性值
jsInput.placeholder = “sunck good“;
第二种方法
公式：元素节点 . getAttribute(属性名);
注意：还可以获取自定义属性的值。
代码：
console.log(jsInput.getAttribute(“my“));
设置自定属性的值
公式：元素节点 . setAttribute(属性名, 新属性值);
注意：当属性不存在时，变为添加属性
代码：
//设置
//元素节点.setAttribute(属性名, 新属性值);
jsInput.setAttribute(“my“, “sunck“);
//注意：当属性不存在时，变为添加属性
jsInput.setAttribute(“other“, “sunck“);
删除属性节点
公式：元素节点.removeAttribute(属性名);
注意：某些低版本浏览器不支持
代码：
jsInput.removeAttribute(“other“);
console.log(jsInput);
js节点操作
第二次插入文本节点的时候用node_p.appendChild(node_txet.cloneNode()),或者所有都用node_txet.cloneNode()。把节点克隆再插入