Atributo open de Details

Objeto Details del DOM HTML

Definición y uso

open la configuración o el valor de retorno de si la información detallada/adicional debe ser visible para el usuario (activada).

Este atributo refleja Atributo open de <details>.

Cuando se establece en true, la información detallada será visible para el usuario (activada).

Vea también:

Manual de referencia de HTML:Etiqueta HTML <details>

Ejemplo

Ejemplo 1

Mostrar información detallada adicional:

document.getElementById("myDetails").open = true;

Intente hacerlo usted mismo

Ejemplo 2

Entender si el usuario puede ver (activar) información detallada adicional:

var x = document.getElementById("myDetails").open;

Intente hacerlo usted mismo

Ejemplo 2

Cambiar entre abrir y cerrar información detallada adicional:

function openDetails() {
    document.getElementById("myDetails").open = true;
}
function closeDetails() {
    document.getElementById("myDetails").open = false;
}

Intente hacerlo usted mismo

Sintaxis

Devolver la propiedad open:

detailsObject.open

Configurar la propiedad open:

detailsObject.open = true|false

Valor del atributo

Valor Descripción
true|false

Se determina si la información detallada debe ser visible para el usuario (activado).

  • true - La información detallada será visible
  • false - La información detallada no será visible

Detalles técnicos

Valor devuelto: Booleano, devuelve true si los detalles son visibles, de lo contrario devuelve false.

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
12.0 No se admite 49.0 6.0 15.0

Páginas relacionadas

Manual de referencia de HTML:Atributo open de HTML <details>

Objeto Details del DOM HTML