Attribut open de Details

Objet Details du DOM HTML

Définition et utilisation

open La propriété définie ou renvoyée indique si les informations détaillées supplémentaires doivent être visibles pour l'utilisateur (ouvertes).

Cette propriété reflète Attribut open de details.

Lorsqu'il est défini sur true, les détails seront visibles pour l'utilisateur (ouverts).

Voir également :

Manuel de référence HTML :Balise <details> HTML

Exemple

Exemple 1

Afficher les informations détaillées supplémentaires :

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

Essayez-le vous-même

Exemple 2

Comprendre si l'utilisateur peut voir (ouvrir) les informations détaillées supplémentaires :

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

Essayez-le vous-même

Exemple 2

Basculer entre ouvrir et fermer les informations détaillées supplémentaires :

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

Essayez-le vous-même

Syntaxe

Renvoyer l'attribut open :

detailsObject.open

Définir l'attribut open :

detailsObject.open = true|false

Valeur de l'attribut

Valeur Description
true|false

Définir si les informations détaillées supplémentaires doivent être visibles pour l'utilisateur (ouvert).

  • true - Les informations détaillées seront visibles
  • false - Les informations détaillées ne seront pas visibles

Détails techniques

Valeur de retour : Valeur booléenne, renvoie true si les détails sont visibles, sinon renvoie false.

Support du navigateur

Les numéros dans le tableau indiquent la version du navigateur qui prend en charge cette propriété pour la première fois.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
12.0 Non pris en charge 49.0 6.0 15.0

Pages liées

Manuel de référence HTML :Propriété open du tag <details> HTML

Objet Details du DOM HTML