Comment puis-je vérifier la propriété CSS « display » d'un élément en JavaScript ?

Comment vérifier la propriété d'affichage CSS d'un élément avec JavaScript

En JavaScript, il est possible d'inspecter les propriétés CSS d'un élément, y compris la propriété d'affichage. Vous pouvez vérifier si l'affichage d'un élément est défini sur "bloquer" ou "aucun" en utilisant différentes méthodes :

Utilisation du style calculé

Si l'affichage d'un élément est hérité ou défini par une règle CSS, vous devez obtenir son style calculé :

const display = window.getComputedStyle(element, null).display;

Cela renverra une chaîne représentant la valeur d'affichage calculée, qui peut être "bloc", "aucun" ou une autre propriété d'affichage valide.

Utilisation de la propriété Style

Si l'affichage de l'élément est défini directement à l'aide de styles en ligne ou de JavaScript, vous pouvez y accéder via la propriété style :

const display = document.getElementById('someIDThatExists').style.display;

Cela renverra également une valeur de chaîne indiquant le paramètre actuel de la propriété d'affichage.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!