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

问题描述：

我有一个由Power BI生成的iframe。我无法更改字体大小。JavaScript-无法更改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来增加这个数字的字体大小。到目前为止，我没有运气。任何有关这个问题的帮助将不胜感激。

我觉得iframe网址必须是在与父窗口/标签页使用的域相同 – Keagz93

对于加载后的iframe中的内容，您没有JavaScript访问权限在不同的领域;这就是所谓的同源策略。 – CBroe

您应该在浏览器的开发人员工具中的控制台上收到错误消息。读取它们并将它们用作网络搜索的基础可以节省您不必问这个问题。 – Quentin

答

为什么你拥有“跨度”的呢？

它写这样的：

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

设置iframe元素的字体大小对装入该框架的文档中的文本大小没有影响。 – Quentin

@shikhar我试着申请你的解决方案，但不幸的是它没有工作。 – user3402248

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

相关推荐