DOM复制和替换

四.复制

js:(转)

cloneNode(deepBoolean)
复制并返回当前节点的复制节点,复制节点是一个孤立节点,它复制了原节点的属性,在把这个新节点加入到document前,根据需要修改ID属性确保其ID的唯一。
这个方法支持一个布尔参数,当deepBoolean设置true时,复制当前节点的所有子节点,包括该节点内的文本。
<html>
<body>
<p id="mynode">test</p>
<script language="javascript">
p=document.getElementById("mynode")
pclone = p.cloneNode(true);
p.parentNode.appendChild(pclone);
</script>
</body>
</html>

jquey:

$(this).clone(true).appendTo("ul");//$(this)每一个被点击对象转化成jquery对象,clone(true) true代表事件也复制到里面

五.替换

js:(转)

replaceChild(newChild,oldChild)
把当前节点的一个子节点换成另一个节点
<html>
<body>
<div id="mynode2">
<span id="orispan">span</span>
</div>
<script language="javascript">
var orinode=document.getElementById("orispan");
var newnode=document.createElement("p");
var text=document.createTextNode("test ppp ");
newnode.appendChild(text);
document.getElementById("mynode2").replaceChild(newnode,orinode);//这里的层次结构要注意,是父节点下的两个子节点
</script>
</body>
</html>

jquery:

$("ulli:eq(1)").replaceWith("<li>星期五</li>");//用后面的元素替换前面的
$("<li>星期六</li>").replaceAll("li:eq(2)");//用前面的元素替换后面的

六.包裹

js:

jquey:

$("p").wrap("<ahref='http://www.google.com>'></a>");//用超链接把p包裹起来

$("p").wrapInner("<ahref='http://www.baidu.com'></a>");//把超链接放到p里面

你可能感兴趣的:(DOM复制和替换)