Изменение размера шрифта внутри iframe

Question

У меня есть iFrame вот так:

<iframe id="iFrame" name="iframe" src=""></iframe>

Источник вводится через URL. Мне нужно изменить размер текста содержимого внутри этого кадра. И iFrame, и исходный URL находятся в одном домене. Я попробовал это:

function setFontSize(fontsize) {
    $('iFrame').contents().css('font-size', '5px');
    alert("i am here");
}

and this


function setFontSize(fontsize) {
    $("#iFrame").css("font-size","5px");
}

кажется, что оба не работают.

Answer 1

Попробуйте это:

#site.html
<iframe id="iFrame" name="iframe" src="iframe.html"></iframe>
<script type="text/javascript">
;(function($) {
      $(function() {
          var iframe = top.frames['iframe'].document;
          $('p', iframe).css('font-size','5px');
      });
})(jQuery);
</script>

#iframe.html
<p>some test content</p>

Подсказка в том, что он не будет работать на вашем рабочем столе. Вы должны проверить это на своем сервере. Если вы скопируете оба файла в /path/to/your/server/root/test и просмотрите http://localhost/test, вы увидите результат. <br и

Answer 2

Попробуйте это

$(document.getElementById('IFrameName').contentWindow.document.body).find('font').attr("face", "Tahoma")