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

Question

У меня есть IFrame, как это:

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

Источник вводится через URL. Мне нужно изменить размер текста содержимого внутри этого iFrame. И 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 Вы увидите результат.
Еще одна вещь: работа с iframes является действительно ограничительной задачей, поэтому оба сайта (родительский и iframe) должны находиться на одном сервере (тот же протокол, хост, порт).

Answer 2

Попробуйте

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