Доступ к контенту iframe с помощью Svelte

Question

Я пытаюсь получить доступ к элементу head внутри iframe, чтобы изменить стиль. Но все, что я могу придумать, не работает.
Это мой текущий код:

<script>
  let frame;
  onMount(() => {
    frame.addEventListener('load', onLoad());
  })
  function onLoad() {
    let head = frame.contentDocument.head || frame.contentWindow.document.head;
    console.log(head);
  }
</script>

<iframe bind:this={frame} src="src_here" title="preview" />

Это успешно зарегистрирует iframe, но innerHTML пусто.

Answer 1

Я думаю, вы плохо получаете доступ к элементу головы.

попробуйте что-то вроде этого:

function onLoad() {
    const head = frame.contentDocument.querySelector('head');
    console.log(head);
}