js克隆节点

最新推荐文章于 2024-06-25 20:23:09 发布

_zxd

最新推荐文章于 2024-06-25 20:23:09 发布

阅读量1.5k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/qq_38289965/article/details/82782295

版权

JavaScript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!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>