复制一个div的内部html，并使用javascript将其粘贴到另一个div中

我有这个元素：

<div id="divOne">
<button class="close-menu">close</button>
<ul>
    <li>hello</li>
</ul>
</div>

谢谢

试试这个

document.getElementById（'divTwo'）.innerHTML=document.getElementById（“divOne”）.innerHTML

关

你好

试试这个


document.getElementById（'divTwo'）.innerHTML=document.getElementById（“divOne”）.innerHTML

关

你好

我的按钮不再工作

在这种情况下，您必须将事件委托给最近的静态父级或
文档
：

我猜您正在使用jquery：

$(document).on('click', '.close-menu', function(e){
    console.log('clicked.');
});

我想复制#divOne的内部html，并在加载页面时将其粘贴到其他div

您发布的内容是以另一种方式进行，而您必须这样做：

document.getElementById('divTow').innerHTML = document.getElementById("divOne").innerHTML;

我的按钮不再工作了

在这种情况下，您必须将事件委托给最近的静态父级或
文档
：

我猜您正在使用jquery：

$(document).on('click', '.close-menu', function(e){
    console.log('clicked.');
});

我想复制#divOne的内部html，并在加载页面时将其粘贴到其他div

您发布的内容是以另一种方式进行，而您必须这样做：

document.getElementById('divTow').innerHTML = document.getElementById("divOne").innerHTML;

您需要单击处理程序，类似于


//在所有文档按钮上单击句柄
$（文档）。在（'单击'，'按钮'，按钮单击）上；
//将#divOne html复制到#divTwo
$（'#divTwo'）.html（$（'#divOne'）.html（））；
//单击处理程序演示
功能按钮点击（e）{
var result=$（“#result”）；
var id=$（this.parentNode.attr（'id'）；
html（'clicked button in:#'+id）；
//comment@cssGeek demo
$（'div'）.css（'color'，'#000'）；
$（'#'+id）.css（'color'，'red'）；
}

关

你好

您需要单击处理程序，例如


//在所有文档按钮上单击句柄
$（文档）。在（'单击'，'按钮'，按钮单击）上；
//将#divOne html复制到#divTwo
$（'#divTwo'）.html（$（'#divOne'）.html（））；
//单击处理程序演示
功能按钮点击（e）{
var result=$（“#result”）；
var id=$（this.parentNode.attr（'id'）；
html（'clicked button in:#'+id）；
//comment@cssGeek demo
$（'div'）.css（'color'，'#000'）；
$（'#'+id）.css（'color'，'red'）；
}

关

你好

对于仍然看到此帖子的人：

如果希望按钮（onClick事件，…）在向元素添加新HTML后工作，请使用以下代码：

element.insertAdjacentHTML(position, text);

对于仍然看到此帖子的人：

如果希望按钮（onClick事件，…）在向元素添加新HTML后工作，请使用以下代码：

element.insertAdjacentHTML(position, text);

按钮的处理程序在哪里？不应该反过来吗？使用document.getElementById（'divTow'）.innerHTML=document.getElementById（'divOne'）.innerHTML@MilindantWar此：/*如果单击关闭菜单按钮，则隐藏活动菜单*/[].slice.call（document.queryselectoral（“.close menu”））.forEach（函数（el，i）{el.addEventListener（“单击”，函数（）{classie.remove（body，activeNav）；activeNav=“”；document.body.removeChild（mask）；}）；注意，使用.innerHTML时，如果在#divOne中发生更改，它也会更改#divtwo按钮的处理程序在哪里？这不是应该反过来吗？使用document.getElementById（'divTow'）。innerHTML=document.getElementById（“divOne”）.innerHTML@MilindantWar此：/*如果单击关闭菜单按钮，则隐藏活动菜单*/[].slice.call（document.queryselectoral（“.close menu”））.forEach（函数（el，i）{el.addEventListener（“单击”，函数（）{classie.remove（body，activeNav）；activeNav=“”；document.body.removeChild（mask）；}）；注意使用.innerHTML如果在#divOne中发生更改，它也会更改#divTwo可能是你的意思，divTwo，不是divTwo？可能是你的意思，divTwo，不是divTwo？注意使用.html（）如果在#divOne中发生更改，它也会更改#divTwo@cssGeek：对不起，那是胡说八道。请参阅示例中的调整脚本。请注意，如果使用.html（）在#divOne中更改了某些内容，它也会更改#divTwo@cssGeek：对不起，那是胡说八道。请参见示例中的调整脚本。