JS/JQUERY 父页面中如何修改 iframe 内部样式?

可以通过以下步骤在父页面中修改 iframe 中的样式:

1.获取 iframe 元素:

var iframe = document.getElementById('myIframe');

2、获取 iframe 中的文档对象:

var iframeDoc = iframe.contentDocument || iframe.contentWindow.document;

3、修改样式:(这个可以根据你需要的元素去获取对应的id或class)

var iframeBody = iframeDoc.getElementsByTagName('body')[0];
iframeBody.style.backgroundColor = 'red';

或者使用 jQuery:

var iframe = $('#myIframe');
var iframeDoc = iframe.contents();
iframeDoc.find('body').css('background-color', 'red');

猜你喜欢

转载自blog.csdn.net/Z_Gleng/article/details/131234261