изменить CSS стиль элемента по идентификатору в IFRAME с JavaScript

Question

я хочу изменить цвет <p>, который в IFRAME и я попытался это:

<script type="text/javascript"> 
$(document).ready(function() { 
$('iframe').contents().find('#red').css('color','red'); }); 
</script> 

его не работает. В чем проблема?

Извините, что я новичок.

Answer 1

Полное описание доступно на следующих языках: английский.

Script

<script type="text/javascript"> 
    $(function(){ 
     $('#myframe').load(function(){ 
      $('#myframe').contents().find('#pred').css('color','red'); 
     }); 
    }); 
</script> 

HTML

<iframe id="myframe" srcdoc="<p id='pred'>Hello</p>"> 
    <p>Your browser does not support iframes.</p> 
</iframe> 

Проблема возникает только при попытке поставить "SRC" атрибут вместо "srcdoc". Чтобы узнать больше об этом проверить ссылку ниже

SecurityError: Blocked a frame with origin from accessing a cross-origin frame