Change HTML of an iFrame with jQuery?

2019-01-06 16:59发布

Is there a way to manipulate the HTML of an iframe that is from the same domain using jQuery?

Thanks for the help.

标签： jquery iframe

4条回答

爷、活的狠高调

2楼-- · 2019-01-06 17:26

If you want to change the contents inside the <body> tag of the iframe, you can use this code:

$("#iframe_id").contents().find("body").html('my_new_content');

0人赞添加讨论(0) 举报

Bombasti

3楼-- · 2019-01-06 17:28

You can use contents() to manipulate the contents of the iframe.

$("#frameDemo").contents().find("div").html("new HTML content goes here");

0人赞添加讨论(0) 举报

我想做一个坏孩纸

4楼-- · 2019-01-06 17:35

You'll have to parse the iframe content.

$("#frameid").contents().find("div").html('My html');

More here : http://api.jquery.com/contents/

0人赞添加讨论(0) 举报

手持菜刀，她持情操

5楼-- · 2019-01-06 17:39

Here is an example from the jQuery documentation:

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <iframe src="http://api.jquery.com/" width="80%" height="600" id='frameDemo'></iframe> 
<script>$("#frameDemo").contents().find("a").css("background-color","#BADA55");</script>

</body>
</html>

0人赞添加讨论(0) 举报

Change HTML of an iFrame with jQuery?

采纳回答

编辑标签

举报内容

检举类型

检举原因

检举说明(必填)

打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮

付费偷看金额在0.1-10元之间