使用cloneNode() 进行DOM对象复制无法生效，不知道是哪里出了问题？

document.onload=function(){

var demo = document.getElementById("demo")

demo.onclick=function(){

var itm=document.getElementById("myList1").firstChild;

var cln=itm.cloneNode(true);

document.getElementById("myList2").appendChild(cln);

}

</script>

<body>

</ul>

</ul>

</body>

<html>

<head>

</head>

<body>



	<input type="button" id="demo" value="点击一下">

	<ul id="myList1">

		<li>水果</li>

		<li>蔬菜</li>

	</ul>

	<ul id="myList2">

		<li>食物</li>

	</ul>


	<script>

	
			var demo = document.getElementById("demo")
			console.log(1, demo)
			demo.onclick = function () {

				var itm = document.getElementById("myList1").firstElementChild;
				console.log(itm)

				var cln = itm.cloneNode(true);
				console.log(cln)
				document.getElementById("myList2").appendChild(cln);

			}

		

	</script>
</body>


</html>

有完整html文档吗

你写错了，应该是firstElementChild

还有document.onload事件起不来

完整html文档

<!DOCTYPE html>

<head>

<title>Document</title>

document.onload=function(){

var demo = document.getElementById("demo")

demo.onclick=function(){

var itm=document.getElementById("myList1").firstChild;

var cln=itm.cloneNode(true);

document.getElementById("myList2").appendChild(cln);

}

</script>

</head>

<body>

</ul>

</ul>

</body>

</html>

您好，我是有问必答小助手，您的问题已经有小伙伴解答了，您看下是否解决，可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～

ps:问答VIP仅需29元，即可享受5次/月有问必答服务，了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632

非常感谢您使用有问必答服务，为了后续更快速的帮您解决问题，现诚邀您参与有问必答体验反馈。您的建议将会运用到我们的产品优化中，希望能得到您的支持与协助！

速戳参与调研>>>https://t.csdnimg.cn/Kf0y