javascript - 删除 div 并使用按钮 onclick 替换

Question

我想删除当前的 div 并使用带有按钮的 onclick 替换为另一个

我已经尝试了下面的方法，但是由于新旧 div 都包含不同的脚本，所以它无法在新的 div 中正确加载脚本

document.getElementById("div1").style.display="block"; 
document.getElementById("div2").style.display="none";

我想最好的方法是实际删除 div1 并替换为加载新的 div2？

我该怎么做？

我已经尝试过 jquery 解决方案，但我的网站似乎不喜欢 jquery。有人知道为什么吗？我已经尝试过纯 javascript 并且有效但不是 jquery。我正在头部加载 jquery :(

我知道我的模板严重依赖于可能与 jquery 冲突的 mootools

Answer 1

jsFiddle

<div id="div1">div1 contents</div>
<div id="div2" style="display: none">div2 contents</div>
<button id="button">Button</button>

$('#button').on('click', function() {
    $('#div1').remove();
    $('#div2').show();
});

或者如果你只是想替换 H​​TML

$('#button').on('click', function() {
    $('#div1').html($('#div2').html());
});