Atributo srcdoc de IFrame

Objeto IFrame del DOM HTML

Definición y uso

srcdoc Configurar o devolver el atributo srcdoc del elemento iframe Atributo srcdoc El valor.

El atributo srcdoc especifica el contenido HTML de la página que se debe mostrar en el iframe.

Consejo:Este atributo debe coincidir con sandbox Y Atributo seamless Usar juntos.

Si el navegador admite el atributo srcdoc, sobrescribirá el contenido especificado en el atributo src (si existe).

Si el navegador no admite el atributo srcdoc, mostrará el archivo especificado en el atributo src (si existe).

Ejemplo

Ejemplo 1

Cambiar el contenido HTML mostrado en el iframe:

document.getElementById("myFrame").srcdoc = "<p>¡Algunos nuevos contenidos en el iframe!</p>";

Prueba personal

Ejemplo 2

Devolver el contenido HTML mostrado en el iframe:

var x = document.getElementById("myFrame").srcdoc;

Prueba personal

Sintaxis

Devolver el atributo srcdoc:

iframeObject.srcdoc

Configurar el atributo srcdoc:

iframeObject.srcdoc = HTML_code

Valor del atributo

Valor Descripción
HTML_code Se especifica el contenido HTML que se debe mostrar en el iframe. Debe ser una sintaxis HTML válida.

Detalles técnicos

Valor devuelto: El valor de cadena, que representa el contenido HTML que se muestra en el iframe (si existe).

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente la propiedad por primera vez.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
20.0 No se admite 25.0 6.0 15.0

Páginas relacionadas

Manual de referencia de HTML:Atributo srcdoc del <iframe> de HTML

Objeto IFrame del DOM HTML