JavaScript-无法更改 iframe 中元素的字体大小 [重复]

Question

我有一个 Power BI 生成的 iframe。我无法更改字体大小。

我曾尝试通过 span 和 div 来定位它，但没有成功。

    <script>
 var span = document.getElementById("myFrame");
span.style.fontSize = "100px";

        </script>

    <iframe span id="myFrame"  width="500" height="150" src="https://app.powerbi.com/view?r=eyJrIjoiNjBlM2EyMWUtMmU1My00NzkyLWE1NTgtNDYyZDUzZTg5YmM3IiwidCI6IjNiZDI3ZWY4LThkMzgtNDY1Ni04NmQyLTVmMGQ5MGE3Mzk4MSIsImMiOjN9" frameborder="0" allowFullScreen="true"></iframe>

这个也试过了

<script>
function changeSize(){
    var frame = document.getElementById("myFrame");
    var content = (frame.contentDocument || frame.contentWindow);
    content.body.style.fontSize = "200%";
}

changeSize();
 </script>

iframe 显示一个数字。我想使用 JavaScript 增加该数字的字体大小。到目前为止，我没有运气。非常感谢您对此事的任何帮助。

Answer 1

为什么你的<iframe> 里面有“span”？

这样写：

<iframe id="myFrame"  width="500" height="150" src="https://app.powerbi.com/view?r=eyJrIjoiNjBlM2EyMWUtMmU1My00NzkyLWE1NTgtNDYyZDUzZTg5YmM3IiwidCI6IjNiZDI3ZWY4LThkMzgtNDY1Ni04NmQyLTVmMGQ5MGE3Mzk4MSIsImMiOjN9" frameborder="0" allowFullScreen="true"></iframe>

现在你可以像以前一样使用你的js了：

var span = document.getElementById("myFrame");
span.style.fontSize = "200%";

或

var span = document.getElementById("myFrame");
span.style.fontSize = "xx-large";