javascript - 删除 div 内容并添加 iframe

标签 javascript jquery html jquery-mobile

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

index.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 -->

默认.js 函数 cif(){

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

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

最佳答案

好吧,如果你删除“contents”,它就消失了……你不能再改变它的 html(),因为它已经消失了。您可能想要完全跳过第一行。

关于javascript - 删除 div 内容并添加 iframe,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10766153/

相关文章:

jquery - 将内联元素扩展到其自动宽度

javascript - SVG:缩放 SVG 文档时如何缩放字体大小?

javascript - 下划线 _.each 迭代数组

javascript - 跨页面跟踪随机 div

javascript - 创建图像模态

javascript - 找不到src时隐藏视频

javascript - 输入表单中的链接填写脚本

javascript - 使用 documentFragment 会导致回流/重绘吗?

javascript - 相对于所选地区中心缩放 SVG 国家 map

加载另一个部分后,Javascript 函数仍然保留