码迷,mamicode.com
首页 > 其他好文 > 详细

节点的创建,删除,复制

时间:2017-10-19 11:04:55      阅读:143      评论:0      收藏:0      [点我收藏+]

标签:for   pen   demo   克隆   on()   func   pre   .class   复制   

window.onload=function() {

var demo = document.getElementById("demo");
var one = document.getElementById("one");

var li = document.createElement("li");
childrens=demo.children;
li.className = "newli";
li.setAttribute("id", "nli");
//demo.appendChild(li);///插入节点
demo.insertBefore(li,childrens[1]);///插入节点(新节点,参照节点)
demo.removeChild(li);///删除节点
// var kl=childrens[0].cloneNode(true);//复制节点
// demo.appendChild(kl);
demo.appendChild( childrens[0].cloneNode(false));///注意clonNode的参数表示是否深层复制
}

备注:1,创建新节点和复制节点都要用到appendChild或则insertBrfore来插入
   2,插入节点有两种方式appenChild为插入到最后,insertBore(新节点,参照节点) 参照节点值可以为null表示放在最后面
   3,要克隆的节点.cloneNode(true/flase) 参数可以选择是否深层复制 true表示深层 flase表示不深层复制。
   4,setAttribute(属性,值)可以用这个方法来设置新创建节点的id,classname。

节点的创建,删除,复制

标签:for   pen   demo   克隆   on()   func   pre   .class   复制   

原文地址:http://www.cnblogs.com/20171017meili/p/7691288.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!