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";

JavaScript-无法更改iframe中元素的字体大小

1 个答案: