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

在父页面中修改iframe内部的样式，可以通过以下方法：

1. 使用JavaScript的contentDocument属性来获取iframe的文档对象模型（DOM），然后修改样式。
2. 使用jQuery的contents()方法来获取iframe的内容，并修改样式。

以下是具体的实现代码：

使用JavaScript修改样式：

// 假设iframe的id为"myIframe"
var iframeDocument = document.getElementById('myIframe').contentDocument || document.getElementById('myIframe').contentWindow.document;
 
// 修改样式，例如改变背景颜色为红色
var styleElement = iframeDocument.createElement('style');
styleElement.textContent = 'body { background-color: red; }';
iframeDocument.head.appendChild(styleElement);

使用jQuery修改样式：

// 假设iframe的id为"myIframe"
var $iframe = $('#myIframe');
var $iframeBody = $iframe.contents().find('body');
 
// 修改样式，例如改变背景颜色为绿色
$iframeBody.css('background-color', 'green');

请确保在进行这些操作时，iframe已经加载完成。通常可以在iframe的load事件中绑定这些修改样式的代码。