可以通过以下步骤实现:
<div id="originalDiv">
<!-- 这里是要复制的div内容 -->
</div>
<button id="copyButton" class="btn btn-primary">复制div</button>
使用jQuery实现:
$(document).ready(function() {
$("#copyButton").click(function() {
var originalDiv = $("#originalDiv").clone(); // 复制原始div
originalDiv.appendTo("body"); // 将复制的div添加到页面中
});
});
使用纯JavaScript实现:
document.addEventListener("DOMContentLoaded", function() {
var copyButton = document.getElementById("copyButton");
copyButton.addEventListener("click", function() {
var originalDiv = document.getElementById("originalDiv");
var clonedDiv = originalDiv.cloneNode(true); // 复制原始div
document.body.appendChild(clonedDiv); // 将复制的div添加到页面中
});
});
这样,当点击按钮时,原始div将被复制并添加到页面中。
推荐的腾讯云相关产品:腾讯云服务器(CVM)和腾讯云对象存储(COS)。
领取专属 10元无门槛券
手把手带您无忧上云