如何使用Javascript将一个HTML标记放到另一个HTML标记上

我想用Javascript将

元素放入

元素中

<section id="all_field"></section>
<div id="all_content">
    <h1>---&nbsp;&nbsp;Meeting Room Booking&nbsp;&nbsp;---</h1>
    <fieldset class="box"><legend class="booking_meetRom">Approved Status of Meeting</legend>
        <div><a>More Detail</a> </div>
    </fieldset>
    <fieldset class="box"><legend class="booking_meetRom">123</legend>
        <div>123</div>
    </fieldset>
</div>

---会议室预订---
核准的会议状况

应该是这样的:

<section id="all_field">
<div id="all_content">
    <h1>---&nbsp;&nbsp;Meeting Room Booking&nbsp;&nbsp;---</h1>
    <fieldset class="box">
        <legend class="booking_meetRom">Approved Status of Meeting</legend>
        <div><a>More Detail</a> </div>
    </fieldset>
    <fieldset class="box">
        <legend class="booking_meetRom">123</legend>
        <div>123</div>
    </fieldset>
</div>
</section>


---会议室预订---
核准的会议状况
在此上下文中尝试使用
.append（）

$('#all_field').append($('#all_content'));

尝试：

document.getElementById（“所有字段”）.innerHTML=“”

或JQuery：

$（“#所有#字段”）.html（“”）
使用Jquery，您可以使用append

$html = '<div id="all_content">';
$html += '<h1>---&nbsp;&nbsp;Meeting Room Booking&nbsp;&nbsp;---</h1>';
$html += '<fieldset class="box">';
$html += '<legend class="booking_meetRom">Approved Status of Meeting</legend>';
$html += '<div><a>More Detail</a> </div>';
$html += '</fieldset>';
$html += '<fieldset class="box">';
$html += '<legend class="booking_meetRom">123</legend>';
$html += '<div>123</div>';
$html += '</fieldset>';
$html += '</div>';

$('#all_content').append($html);

$html=''；
$html+='--会议室预订--'；
$html+=''；
$html+=“会议的批准状态”；
$html+=‘更多详情’；
$html+=''；
$html+=''；
$html+='123'；
$html+='123'；
$html+=''；
$html+=''；
$（“#所有内容”）.append（$html）；
使用纯JavaScript：

var field = document.getElementById('all_field');
var content = document.getElementById('all_content');

field.innerHTML = content.outerHTML;
content.remove();

请参阅工作代码，网址为：


JSFIDLE
这将抛出错误。应该应用适当的连接。为什么要使用美元符号作为变量声明？这没关系。谢谢你的代码，但有些东西需要你修改：-）太好了：-）非常感谢。你认为
元素能与IE8一起工作吗？如果没有，是否还有其他元素需要更改？@PMay1903否。。这是一种html5标签。只有ie>=9支持HTML5。@PMay1903
应该是
类标记的一个很好的替代品。它太棒了。我已将
更改为
，IE=8的工作方式与以前一样。再次感谢：-）。谢谢你的评论。这可能很有效。然而，您是否认为它可能不会像Rajaprabhu Aravindasamy的方法那样优化？这是一个纯JS解决方案，不需要JQuery。对于一些人来说，这被认为是最简单的解决方案：）
$("#all_content").prependTo("#all_field")