最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
dom复制cloneNode节点与插入节点appendChild()
时间:2022-07-02 13:48:25 编辑:袖梨 来源:一聚教程网
2, 复制节点。
cloneNode(boolean) :
它有一个参数。
var mes = document.createTextNode("hello world");
var container = document.createElement("p");
container.appendChild(mes);
document.body.appendChild(container);
var newpara = container.cloneNode(true);//true和false的区别
document.body.appendChild(newpara );
注意:
true的话:是
aaaa
克隆。false: 只克隆 ,里面的文本不克隆。
可以自己写个例子,然后用 firebug 看看。
克隆后的新节点,和createTextNode()一样 不会被自动插入到文档 。需要appendChild();
另外还有一个注意: 如果克隆后,id一样,不要忘记用 setAttribute(“id” , “ another_id “);
改变新的节点的ID。
3, 插入节点。
appendChild() :
给元素追加一个子节点, 新的节点 插入到 最后。
var container = document.createElement("p");
var t = document.createTextNode("cssrain");
container.appendChild(t);
document.body.appendChild(container);
他经常跟createElement()和createTextNode(),cloneNode()配合使用。
另外 appendChild()不仅可以用来追加新的元素,也可以你 挪动 文档中现有的元素。
看下面的例子:
msg
content
aaaaaaaa
var mes = document.getElementById("msg");
var container = document.getElementById("content");
container.appendChild(mes);
//发现msg放到 content 后面去了 。
Js内部处理方式:
先把ID为msg的从文档中删除,然后再插入到content 后,作为content的最后一个节点。
结果为:
content
msg
aaaaaaaa
相关文章
- 禁闭求生2露水收集器怎么做 露水收集器制作攻略 09-04
- 禁闭求生2织球蛛怎么无伤 ORC织球蛛逃课打法攻略 09-04
- 鬼灭之刃火之神血风谭2怎么修复bug 标准版常见bug修复方法 09-04
- 禁闭求生2蓟刺在哪 蓟刺获取指南 09-04
- 鬼灭之刃火之神血风谭2安装包怎么下载 正版安全下载全攻略 09-04
- 死亡搁浅2怎么提高属性 提高属性方法 09-04