javascript - 无法访问 iframe 样式高度和宽度并使用 JavaScript 更改它

Question

我遇到了一个问题，我似乎无法访问我的 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");

此外，在控制台中我收到错误

“未捕获类型错误:无法读取未定义的属性“样式””

Answer 1

CSS样式宽度:

document.getElementsByClassName("myiFrame")[0].style.width

实际宽度:

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

使用 JQuery:

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