var demo = document.getElementById("demo");
//创建节点
var div = document.createElement("div");
var test = document.createElement("ul");
//获取demo下的所有子标签
var childrens = demo.children
//插入节点,并把新插入的节点放到盒子的后面
demo.appendChild(div);
//插入节点,可选择放到任意位置,两个参数都得写,第一个参数是新插入的节点,
第二个参数是参照节点
demo.insertBefore(test,childrens[0]);
//如果第二个参数为空,即insertBefore(test,null),这种情况会将新节点插入
到盒子最后面,
//第二个参数即使没有也要写null,否则会报错。
demo.insertBefore(test,null);
//克隆节点,给demo克隆一个孩子,克隆one
var one = document.getElementById("one");
// cloneNode()括号里面不写true或者false默认为false,只克隆本节点
var last = one.cloneNode()
//克隆之后再插入
demo.appendChild(last);
//克隆demo,也就是给demo添加兄弟,cloneNode()里面为true,则除了复制本节点
还复制它的子节点。
demo.parentNode.appendChild(demo.cloneNode(true));
节点的相关操作
猜你喜欢
转载自blog.csdn.net/g_hold/article/details/81263574
今日推荐
周排行