js控制iframe内的样式

// 获取 iframe 元素
var iframe = document.getElementById('myIframe');

// 等待 iframe 加载完成
iframe.onload = function() {
    // 获取 iframe 的 window 对象
    var iframeWindow = iframe.contentWindow;
    // 获取 iframe 的 document 对象
    var iframeDocument = iframe.contentDocument || iframeWindow.document;

    // 修改 iframe 内某个元素的样式
    var element = iframeDocument.getElementById('elementId');
    if (element) {
        element.style.color = 'red';
    }
};

// 发送消息到 iframe
var iframe = document.getElementById('myIframe');
iframe.onload = function() {
    iframe.contentWindow.postMessage({color: 'red'}, 'http://example.com');
};

// 监听消息事件
window.addEventListener('message', function(event) {
    // 安全检查来源
    if (event.origin !== 'http://your-parent-domain.com') return;

    // 处理接收到的消息
    var element = document.getElementById('elementId');
    if (element) {
        element.style.color = event.data.color;
    }
});