0
180
VistasJS: seleccione la clase dentro de <iframe>
Tengo un <iframe> en mi página.
Dentro de la página, que está cargada en el iframe, está esto: <span class="test">TEST</span>
Me gustaría cambiar el color de PRUEBA a red .
Esto es lo que escribí:
var test = document.querySelector("iframe").contentWindow.document.querySelector(".test"); test.style.color = "red";Parece lógico, pero no funciona. - ¿Que esta pasando?
Este es el mensaje de error que estoy recibiendo: 
1 Respuestas
Responde la pregunta0
He probado esto y parece funcionar para mí. ¿Quizás es algún otro problema?
Cosas a tener en cuenta:
No puede modificar una página de un dominio que no es suyo (por lo que si el código se ejecuta en localhost, solo puede modificar otros archivos cargados en localhost) Este es un problema de CORS
Debe esperar a que el IFrame cargue el documento antes de modificarlo.
Aparte de eso, eché un vistazo a su código, y el código en el enlace a continuación y probé usando querySelector en un iframe y pareció funcionar.
Mire esto si necesita más ayuda: https://developer.mozilla.org/en-US/docs/Web/API/HTMLIFrameElement/contentWindow