dom复制cloneNode节点与插入节点appendChild()

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);

</script>

//发现msg放到 content 后面去了。

Js内部处理方式：

先把ID为msg的从文档中删除，然后再插入到content 后，作为content的最后一个节点。

结果为：

content

msg

aaaaaaaa

转载于:https://www.cnblogs.com/rongxh7/archive/2010/05/23/1742315.html

dom复制cloneNode节点与插入节点appendChild()相关推荐

jquery 元素节点操作 - 创建节点、插入节点、删除节点
jquery的节点操作说明前面的篇章对于jquery的元素操作大部分是使用html()的方式来操作,这种直接使用字符串创建的方式也是性能最高的. 使用html()操作节点首先编写一个div包含一个 ...
js之DOM操作（插入节点insertBefore()）
插入节点insertBefore() insertBefore() 方法可在已有的子节点前插入一个新的子节点. 语法: insertBefore(newnode,node); 参数: newnode: ...
存在就不插入_DOM 插入节点和三个Child方法
插入节点 insertBefor(); 插入格式:父节点.insertBefor( 插入节点,旧节点 )功能:将插入的节点插入到旧节点之前举个小例子:创建一个strong节点,将这个节点插入到span ...
文档对象模型DOM（获取元素节点、设置节点属性）
练习题: 制作一个表格,显示班级的学生信息. 要求: 1. 鼠标移到不同行上时背景色改为色值为 #f2f2f2,移开鼠标时则恢复为原背景色 #fff 2. 点击添加按钮,能动态在最后添加一行 3. 点 ...
插入节点insertBefore()
http://www.imooc.com/code/1699 插入节点insertBefore() insertBefore() 方法可在已有的子节点前插入一个新的子节点. 语法: insertBef ...
7.DOM（六）①创建create#插入appendChild(子元素)#替换insert，replace#删除DOM对象节点②复制节点.深复制,浅复制cloneNode⑥取消超链接a默认跳转行为
目录一:创建一个新的DOM节点: 1.麻烦的方法 ①document.createElement()创建一个新的元素 ②把元素加入到list里面 ③创建一个文本节点(就是li里面的文字) ④在new ...
DOM节点的插入、替换、克隆及删除
插入DOM节点插入内部的尾部: 父节点.appendChild(创建节点) 插入内部的某个前面: 父节点.insertBefore(创建的节点,已知的子节点) 替换DOM节点父节点.replace ...
【DOM编程艺术】动态创建标记（签）---创建和插入节点
window.οnlοad=function(){var para=document.createElement('p');var info= 'nodeName:';info += para.nod ...
js：插入节点appendChild insertBefore使用方法
首先从定义来理解这两个方法: appendChild() 方法:可向节点的子节点列表的末尾添加新的子节点.语法:appendChild(newchild) insertBefore() 方法: ...

dom复制cloneNode节点与插入节点appendChild()

dom复制cloneNode节点与插入节点appendChild()相关推荐

最新文章

热门文章