Question

有没有办法使用jQuery操作来自同一域的iframe的HTML？

感谢您的帮助。

Answer 1

您必须解析iframe内容。

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

更多信息：http://api.jquery.com/contents/

Answer 2

您可以使用contents()来操纵iframe。

的内容

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

Answer 3

以下是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>

Answer 4

如果您想更改iframe的<body>标记内的内容，可以使用以下代码：

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

使用jQuery更改iFrame的HTML？

4 个答案: