Hướng dẫn how do you repeat a div in html? - làm thế nào để bạn lặp lại một div trong html?

9

Mới! Lưu câu hỏi hoặc câu trả lời và sắp xếp nội dung yêu thích của bạn. Tìm hiểu thêm.
Learn more.

Làm thế nào tôi có thể nhân đôi một

const node = document.querySelector['.box'];
[...Array[5]].forEach[_ => node.parentNode.insertBefore[node.cloneNode[true], node]];

6 để có n bản sao bằng JavaScript?

Bắt đầu với 1:

Kết thúc với 5:

Web_Designer

70K89 Huy hiệu vàng203 Huy hiệu bạc261 Huy hiệu Đồng89 gold badges203 silver badges261 bronze badges

Đã hỏi ngày 15 tháng 5 năm 2015 lúc 20:13May 15, 2015 at 20:13

1

Sử dụng Node JS Pure.clonenode:

//developer.mozilla.org/en-US/docs/Web/API/Node/cloneNode

function multiplyNode[node, count, deep] {
    for [var i = 0, copy; i < count - 1; i++] {
        copy = node.cloneNode[deep];
        node.parentNode.insertBefore[copy, node];
    }
}

multiplyNode[document.querySelector['.box'], 5, true];

Vượt qua

const node = document.querySelector['.box'];
[...Array[5]].forEach[_ => node.parentNode.insertBefore[node.cloneNode[true], node]];

7 dưới dạng đối số thứ ba cho

const node = document.querySelector['.box'];
[...Array[5]].forEach[_ => node.parentNode.insertBefore[node.cloneNode[true], node]];

8 để sao chép các nút con.

Đây là bản demo.

Edit:

Với cú pháp ngưng tụ ES6, ví dụ trên trở thành:

const node = document.querySelector['.box'];
[...Array[5]].forEach[_ => node.parentNode.insertBefore[node.cloneNode[true], node]];

Vulcan Raven

31.7K10 Huy hiệu vàng55 Huy hiệu bạc92 Huy hiệu Đồng10 gold badges55 silver badges92 bronze badges

Đã trả lời ngày 15 tháng 5 năm 2015 lúc 21:14May 15, 2015 at 21:14

Web_DesignerWeb_DesignerWeb_Designer

70K89 Huy hiệu vàng203 Huy hiệu bạc261 Huy hiệu Đồng89 gold badges203 silver badges261 bronze badges

0

Đã hỏi ngày 15 tháng 5 năm 2015 lúc 20:13

jQuery["#container_div_id"].append[jQuery["#container_div_id"].children[].first[].clone[]]

Sử dụng Node JS Pure.clonenode:

Vượt qua

const node = document.querySelector['.box'];
[...Array[5]].forEach[_ => node.parentNode.insertBefore[node.cloneNode[true], node]];

7 dưới dạng đối số thứ ba cho

const node = document.querySelector['.box'];
[...Array[5]].forEach[_ => node.parentNode.insertBefore[node.cloneNode[true], node]];

8 để sao chép các nút con.May 15, 2015 at 20:25

Đây là bản demo.Abhi

Với cú pháp ngưng tụ ES6, ví dụ trên trở thành:6 gold badges43 silver badges74 bronze badges

Vulcan Raven

31.7K10 Huy hiệu vàng55 Huy hiệu bạc92 Huy hiệu Đồng

for[var i=0;i node.parentNode.insertBefore[node.cloneNode[true], node]];

9 bên trong nó. Sau đó, sử dụng jQuery, bạn có thể chạy một vòng lặp với số lượng thời gian mong muốn và nối các div như