如何在html中多次重复相同的图片？
如何在html中多次重复相同的图片？
提问于 2018-06-09 04:37:18
我想在整个页面的宽度中重复一个图像--“box1”。我尝试了以下方法，但不起作用。
var count = $(window).width() / $("#box1").width();
for (var i = 1; i <= count; i++) {
var paragraph = document.getElementById("top-section");
paragraph.innerHTML += "<img src='images/box1.png' id='box1'html>";
}#top-section {
float: left;
}<div id="top-section"></div>回答 1
Stack Overflow用户
回答已采纳
发布于 2018-06-09 05:13:37
这个对我来说很好。看看这个。
只需克隆所需的元素并将其附加到节中即可。
var count = $(window).width() / $(".box1").last().width();
for (var i = 1; i <= count; i++) {
$("#top-section").append($(".box1").last().clone(true));
}#top-section {
float: left;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="top-section">
<img src="images/box1.png" class="box1">
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50768069
复制相关文章
相似问题