What is JavaScript equivalent to jQuery.contents ()?

Question

I want to change the class property to an iframe, I use .contents()one that works fine. But I want to do this using JavaScript. My code is:

var $c = $('#myframe').contents();              
$c.find('.inner-wp').css('margin','0')

+5

Carlos Jul 23 '12 at 16:37

1 answer

Rob w · Accepted Answer · 2012-07-23T16:45:12+0000

.contents()in the frame returns the document inside the frame. So you are looking for:

var frame = document.getElementById('myframe');
var c = frame.contentDocument || frame.contentWindow.document;

Note. This will not work if the frame has a different origin.
The rest of the code:

var inner_wp = c.getElementsByClassName('inner-wp');
for (var i=0; i<inner_wp.length; i++) {
    inner_wp[i].style.margin = '0';
}