Как можно поменять стили внутри iframe?

1
2
3
4
5
6
7
8

// Получение доступа к iframe
var iframe = document.getElementById('my-iframe');

// Получение доступа к содержимому iframe
var iframeContent = iframe.contentWindow.document;

// Изменение стилей внутри iframe
iframeContent.getElementById('my-element').style.color = 'red';

1
2
3
4
5

// Получение доступа к iframe
var iframe = document.getElementById('my-iframe');

// Отправка сообщения в iframe
iframe.contentWindow.postMessage('change styles', 'https://example.com');

1
2
3
4
5
6
7

// Пример обработчика события слушателя сообщений в iframe
window.addEventListener('message', function(event) {
  if (event.origin === 'https://example.com' && event.data === 'change styles') {
    // Изменение стилей внутри iframe
    document.getElementById('my-element').style.color = 'red';
  }
});