Question

用户可以自由编辑HTML内容。多数民众赞成，但我必须将所有IFRAME转移到DIV。我试着用这个：

$('#rolunk_content iframe').html ('<div>1' + $('#rolunk_content iframe').html() + '2</div>');

但这没有效果。

编辑：小提琴：http://jsfiddle.net/nE3jG/

Answer 1

那是因为你的代码试图设置innerHTML的{{1}}，这显然不起作用......而你的其余逻辑也是错误的......

尝试：

iframe

Vanilla JS写作可能比较长，但在做你期望的事情方面它更可靠;）

Answer 2

如果您只想将IFRAME移到DIV，则可以使用jQuery .append() API。

 $("#newdiv").append($("#rolunk_content iframe"));

您的代码可能是这样的：

<div id="rolunk_content">
    <p><iframe src="...."  width="200" height="200"></iframe></p>
</div>
<input id="d" type="button">
<hr>
<div id="newdiv">Your IFRAME will be moved here.</div>

和JavaScript：

$('#d').click(function() {
    $("#newdiv").append($("#rolunk_content iframe"));
});

小提琴在这里： http://jsfiddle.net/2HrA4/

jQuery .append()的文档在这里： https://api.jquery.com/append/

如何将IFRAME转换为DIV？

2 个答案: