问答博客标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

复制一个div的内容到另一个div

社区维基
1
新手上路，请多包涵

我的网站上有两个 div。它们都共享相同的 css 属性，但其中一个拥有 24 个其他 div。我希望将所有这 24 个 div 复制到另一个 div 中。这是它的样子：

 <div id="mydiv1">
    <div id="div1">
    </div>
    </div id="div2>
    </div>
    //and all the way up to div 24.
</div>

<div id="mydiv2">
</div>

我希望在页面加载时将 mydiv1 中的所有 24 个 div 复制到 mydiv2 中。

提前致谢

原文由 Hwende 发布，翻译遵循 CC BY-SA 4.0 许可协议

Stack Overflow 翻译javascripthtml
阅读 1.1k
2 个回答
得票最新
社区维基
1
✓ 已被采纳

首先，我们将 div 分配给变量（可选）

 var firstDivContent = document.getElementById('mydiv1');
var secondDivContent = document.getElementById('mydiv2');

现在只需将 mydiv1 的内容分配给 mydiv2。

 secondDivContent.innerHTML = firstDivContent.innerHTML;

演示 http://jsfiddle.net/GCn8j/

完整代码

<html>
<head>
  <script type="text/javascript">
    function copyDiv(){
      var firstDivContent = document.getElementById('mydiv1');
      var secondDivContent = document.getElementById('mydiv2');
      secondDivContent.innerHTML = firstDivContent.innerHTML;
    }
  </script>
</head>
<body onload="copyDiv();">
  <div id="mydiv1">
      <div id="div1">
      </div>
      <div id="div2">
      </div>
  </div>

  <div id="mydiv2">
  </div>
</body>
</html>

原文由 Aycan Yaşıt 发布，翻译遵循 CC BY-SA 3.0 许可协议

社区维基
1

您可以使用 jquery 的 .ready() 事件

jQuery(document).ready(function() {
    jQuery('.div1').html(jQuery("#div2").html());
}

也是一个工作 演示。

原文由 Rahul Tripathi 发布，翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录，登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进，让解决方法与时俱进
推荐问题
logo
Stack Overflow 翻译
子站问答
访问
宣传栏