您的位置：首页 > Web前端 > JavaScript

JS 使用cloneChild 克隆元素节点

2015-06-21 22:39 1886 查看 
<!doctype html>
<html
<head>
<meta charset="UTF-8">
<title>test</title>
</head>
<body>
<button id="btn4">克隆</button>
<ul class="ul">
<li>橘子</li>
<li>草莓</li>
<li>哈密瓜</li>
<li>苹果</li>
<li>葡萄</li>
<li>猕猴桃</li>
</ul>

<script>

var btn4Obj = document.getElementById('btn4');
var ulObj = document.getElementsByClassName('ul');
var lis = document.getElementsByTagName('li');

btn4Obj.onclick=function(){
var flag=0;
lis=ulObj[0].getElementsByTagName('li');
len=lis.length;
for(var i=0;i<len;i++){
flag++;
if(flag>len){
return;
}
var newli=lis[i].cloneNode(true);
newli.childNodes[0].nodeValue+='*'+len*2;
ulObj[0].appendChild(newli);
}
}
</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航