首页 前端知识 JS/JQUERY 父页面中如何修改 iframe 内部样式?

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

2024-03-10 11:03:35 前端知识 前端哥 552 862 我要收藏

可以通过以下步骤在父页面中修改 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');

转载请注明出处或者链接地址:https://www.qianduange.cn//article/3570.html
标签
评论
发布的文章

jQuery之宽高

2024-04-05 09:04:19

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!