Изменить HTML-код iFrame с помощью jQuery? - PullRequest
29 голосов
/ 08 мая 2011

Можно ли с помощью jQuery манипулировать HTML-кодом iframe из того же домена?

Спасибо за помощь.

Ответы [ 4 ]

24 голосов
/ 08 мая 2011

Вам придется анализировать содержимое iframe.

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

Подробнее здесь: http://api.jquery.com/contents/

21 голосов
/ 08 мая 2011

Вы можете использовать contents() для управления содержимым iframe.

$("#frameDemo").contents().find("div").html("new HTML content goes here");
7 голосов
/ 08 мая 2011

Вот пример из документации jQuery :

<!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>
5 голосов
/ 04 сентября 2014

Если вы хотите изменить содержимое тега <body> в iframe, вы можете использовать этот код:

$("#iframe_id").contents().find("body").html('my_new_content');
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...