JavaScript-Impossible de changer la taille de police d'un élément dans l'iframe

Question

J'ai un iframe généré par Power BI. Je ne suis pas en mesure de changer la taille de la police.

J'ai essayé de le cibler par span et div mais en vain.

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

ont également essayé

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

changeSize(); 
</script> 

Le iframe affiche un numéro. Et je voudrais augmenter la taille de la police de ce nombre en utilisant JavaScript. Jusqu'à présent, je n'ai pas de chance. Toute aide à ce sujet serait grandement appréciée.

Answer 1

Pourquoi votre a-t-il un 'span' dedans?

écrire comme ceci:

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

maintenant, vous pouvez utiliser votre js comme vous avez utilisé avant:

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

ou

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