无法访问iframe样式的高度和宽度并使用JavaScript进行更改

我遇到了一个问题，似乎无法访问iframe样式的元素（主要是宽度和高度）。我显然做得不对。希望有人能给我指出正确的方向。感谢您的帮助或反馈：）

这是我的主页（index.html）：
此页面包括iframe

<iframe class="myiFrame" src="iframes/iframe1.html" allowtransparency="true" frameborder="0"></iframe>

iframe1.html页面：
此页面包含一个javascript文件

<script src="../../../html/files/js/slider.js"></script>

slider.js文件
在这个.js文件中，我想访问iframe样式的高度和宽度

document.getElementsByClassName（“myiFrame”）

另外，在控制台中，我得到了错误信息

未捕获类型错误：无法读取未定义的属性“style”
document.getElementsByClassName("myiFrame")[0].style.width

实际宽度：

document.getElementsByClassName("myiFrame")[0].offsetWidth

使用JQuery：

$(".myiFrame").css("width");

如果错误为
uncaughttypeerror:cannotreadproperty'style'of undefined
，可能是由于某种原因，您试图在加载iframe之前访问它

可以在加载DOM后启动函数。看

例如：

<script>
    document.addEventListener("DOMContentLoaded", function(event) {
        var myIFrame = document.querySelector(".myiFrame");
        console.log({ myIFrame });  // check also this console
        if (myIFrame) {
            // your code
        }
    });
</script>


document.addEventListener（“DOMContentLoaded”），函数（事件）{
var myIFrame=document.querySelector（“.myIFrame”）；
log（{myIFrame}）；//还要检查这个控制台
if（myIFrame）{
//你的代码
}
});
那么，您想在iframe页面中使用脚本在其父框架中修改加载的iframe元素的宽度和高度吗？是的！准确地说：）这可以做到吗？控制台是否显示任何错误？@NicoDiz-谢谢你的回复。如果我做得正确（我知道我不是lol），我会得到错误“UncaughtTypeError:无法读取undefined的属性'style'”