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

DOM 复制节点案例

时间:2017-11-25 17:23:30      阅读:116      评论:0      收藏:0      [点我收藏+]

标签:asc   20px   width   meta   clone   utf-8   style   cti   doc   

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<script type="text/javascript">
function copyDiv(flag){
var divNode=document.getElementById("div1");
var newDiv=divNode.cloneNode(flag);//复制节点

var docBody=document.getElementsByTagName("body");
docBody[0].appendChild(newDiv);//将复制的节点加入body

}

</script>
<style>
.divStyle{
border: 1px dashed #ff69b4;
margin-bottom: 15px;
width: 190px;
height: 120px;
}
</style>
<body>
<input type="button" value="只复制div节点"onclick="copyDiv(false)" />
<input type="button" value="只复制div节点和它的子节点" onclick="copyDiv(true)" /><br />

<div id="div1" class="divStyle">
div中有两个段落
<p>段落的文本1</p>
<p>段落的文本2</p>
</div>
</body>
</html>

,,,,,,,,,,,,,,,,,

技术分享图片

copyDiv(flag)函数用于复制节点。。。当参数为false时。复制节点自身。为true时,复制自身及其子节点。

DOM 复制节点案例

标签:asc   20px   width   meta   clone   utf-8   style   cti   doc   

原文地址:http://www.cnblogs.com/wxhhts/p/7895610.html

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