JS 使用cloneChild 克隆元素节点

最新推荐文章于 2024-02-29 14:52:23 发布

无名前端小白

最新推荐文章于 2024-02-29 14:52:23 发布

阅读量1.5w

点赞数 4

分类专栏： Javascript

本文链接：https://blog.csdn.net/byc233518/article/details/46584959

版权

Javascript 专栏收录该内容

87 篇文章 1 订阅

订阅专栏

<!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.οnclick=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>

优惠劵

无名前端小白

关注关注

4
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS 使用cloneChild 克隆元素节点

<html test 克隆橘子草莓哈密瓜苹果葡萄猕猴桃 var btn4Obj = document.getElementById('btn4');var ulObj = document.getElementsByClassName('ul');var lis = document.getEl
复制链接

扫一扫