javascript - 删除 div 内容并添加 iframe

Question

在我的应用程序中，我想删除 div 内容并添加 iframe，这是我的代码

索引.html

<div data-role="page">
    <div data-role="header" >
    <div data-role="content" id="contents">
        <a href="#" data-role="button" onclick="cif()"><img src="images/zo_connect.png"></a>
        </div>

    </div><!-- /content -->
</div><!-- /page -->

default.js 函数 cif(){

$("#contents").remove();
$("#contents").html('<iframe src="http://google.com" style="height: 100%; width: 100%"></iframe>');

}

当我删除 div 内容并在创建 iframe 之后它不显示时，我需要在单击按钮后删除内容，然后在该内容中创建 iframe

Answer 1

好吧，如果您删除“内容”，它就消失了……此后您不能更改它的 html()，因为它已经消失了。您可能想完全跳过第一行。

Answer 2

$('#contents").remove()删除整个<div id='contents'></div>

您正在寻找$('#contents").empty()，这将删除里面的所有内容<div id='contents'>