gpt4 book ai didi

javascript - 为什么我的 Div 只打印两次?

转载 作者:太空宇宙 更新时间:2023-11-04 09:38:01 24 4
gpt4 key购买 nike

为什么我的 div 没有像循环一样打印多次?我希望图片显示 10 次,但由于某种原因只显示了两次。欢迎和赞赏任何想法,所有帮助。谢谢!

我选择 Div,克隆它,现在我想显示它 10 次。

var stuffIWantRepeated = document.getElementsByTagName("DIV")[0];
var clone = stuffIWantRepeated.cloneNode(true);

for (var i = 1; i <= 10; i++) {
document.body.appendChild(clone);
}
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<title>Title</title>

<style>
#maindiv img {
border-bottom-color: black;
display: block;
margin-left: auto;
margin-right: auto;
}
#maindiv {
padding-top: 10%;
}
</style>

</head>

<body>
<div id="maindiv">
<img src="https://pbs.twimg.com/profile_images/571024672750178304/GpGC8aTW.jpeg" border="40">
</div>


</body>


</html>

最佳答案

每次要附加它时都必须克隆一次。一个特定的节点只能在 DOM 中的一个地方。

只需将该行移动到循环中:

for(var i = 1; i <=  10; i++) {
var clone = stuffIWantRepeated.cloneNode(true);
document.body.appendChild(clone);
}

关于javascript - 为什么我的 Div 只打印两次?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40166279/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com