Propriedade open de detalhes

Objeto Details do DOM HTML

Definição e uso

open a configuração ou o retorno de se as informações detalhadas/de mais informações devem ser visíveis para o usuário (ativado).

Esta propriedade reflete Propriedade open do elemento <details>.

Quando definido como true, as informações detalhadas serão visíveis para o usuário (ativado).

Veja também:

Manual de referência do HTML:Tag <details> do HTML

Exemplo

Exemplo 1

Exibir informações detalhadas adicionais:

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

Experimente você mesmo

Exemplo 2

Entenda se o usuário pode ver (ativado) informações detalhadas adicionais:

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

Experimente você mesmo

Exemplo 2

Alterne entre abrir e fechar informações detalhadas adicionais:

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

Experimente você mesmo

Sintaxe

Retorne a propriedade open:

detailsObject.open

Defina a propriedade open:

detailsObject.open = true|false

Valor do atributo

Valor Descrição
true|false

Defina se as informações detalhadas devem ser visíveis para o usuário (ativado).

  • true - Informações detalhadas serão visíveis
  • false - Informações detalhadas não serão visíveis

Detalhes técnicos

Retorno: Valor booleano, retorna true se os detalhes forem visíveis, caso contrário, retorna false.

Suporte do navegador

Os números na tabela indicam a versão do navegador que suportou plenamente essa propriedade pela primeira vez.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
12.0 Não suportado 49.0 6.0 15.0

Páginas relacionadas

Manual de referência do HTML:Propriedade open do <details> do HTML

Objeto Details do DOM HTML