使用“苗条”访问iframe内容

使用“苗条”访问iframe内容,iframe,styling,head,svelte,Iframe,Styling,Head,Svelte,我试图访问iframe中的head元素以更改样式。但我能想到的一切都不起作用。 这是我当前的代码: 让框架; onMount(()=>{ frame.addEventListener('load',onLoad()); }) 函数onLoad(){ 设head=frame.contentDocument.head | | frame.contentWindow.document.head; 控制台日志(head); } 这将成功地记录iframe,但innerHTML为空。我认为您无法很好地

我试图访问iframe中的head元素以更改样式。但我能想到的一切都不起作用。
这是我当前的代码:


让框架;
onMount(()=>{
frame.addEventListener('load',onLoad());
})
函数onLoad(){
设head=frame.contentDocument.head | | frame.contentWindow.document.head;
控制台日志(head);
}

这将成功地记录iframe,但
innerHTML
为空。

我认为您无法很好地访问head元素

试着这样做:

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

我认为你不能很好地理解头部元素

试着这样做:

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