Target iFrame Body Using jQuery (Same Domain)

Question

I am trying to target the body of an iFrame with jQuery and it isn't working.

Here is the code:

HTML

<div class="editor">
  <iframe id="editorf">
    <body>
    </body>
  </iframe>
</div>

JS

$(function() {
   $('#editorf').contents().find('body').css( " background-color", "none" );
});

The iFrame is located on the same domain but it is one generate by my CMS so I do not have access to it directly. How do I target the body of the iFrame and apply the css background-color:none; ?

Answer 1

Looks like you have an extra space in your css property string.

" background-color", "none"

Should be

"background-color", "none"

Working demo: http://jsfiddle.net/X8wDX/1/

Target iFrame Body Using jQuery (Same Domain)

Question

1 answers

solution1
1 ACCPTED 2013-11-27 05:30:59

Target iFrame Body Using jQuery (Same Domain)

Question

1 answers

solution1 1 ACCPTED 2013-11-27 05:30:59

solution1
1 ACCPTED 2013-11-27 05:30:59