JavaScript-無法更改iframe中元素的字體大小

-2

我有一個由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來增加這個數字的字體大小。到目前爲止，我沒有運氣。任何有關這個問題的幫助將不勝感激。

來源

2017-10-16 user3402248

我覺得iframe網址必須是在與父窗口/標籤頁使用的域相同 – Keagz93

對於加載後的iframe中的內容，您沒有JavaScript訪問權限在不同的領域;這就是所謂的同源策略。 – CBroe

您應該在瀏覽器的開發人員工具中的控制檯上收到錯誤消息。讀取它們並將它們用作網絡搜索的基礎可以節省您不必問這個問題。 – Quentin

-2

爲什麼你擁有「跨度」的呢？

它寫這樣的：

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

來源

2017-10-16 08:38:22 shikhar

設置iframe元素的字體大小對裝入該框架的文檔中的文本大小沒有影響。 – Quentin

@shikhar我試着申請你的解決方案，但不幸的是它沒有工作。 – user3402248

JavaScript-無法更改iframe中元素的字體大小

回答

相關問題