Maison > interface Web > tutoriel CSS > Comment puis-je vérifier la valeur de la propriété CSS « display » d'un élément (bloc ou aucun) avec JavaScript ?

Comment puis-je vérifier la valeur de la propriété CSS « display » d'un élément (bloc ou aucun) avec JavaScript ?

Barbara Streisand
Libérer: 2024-11-23 10:15:12
original
672 Les gens l'ont consulté

How Can I Check an Element's CSS `display` Property Value (block or none) with JavaScript?

Vérification de l'affichage CSS des éléments avec JavaScript

Pouvez-vous déterminer si la propriété d'affichage CSS d'un élément est définie sur "bloquer" ou "aucun" en utilisant JavaScript ?

Réponses :

Utilisation du style calculé pour les éléments hérités ou stylisés :

Comme mentionné par sdleihssirhc, si le l'affichage de l'élément est hérité ou défini par une règle CSS, vous devez récupérer sa valeur calculée style :

return window.getComputedStyle(element, null).display;
Copier après la connexion

Utilisation de la propriété Style pour les styles en ligne ou définis en JavaScript :

Les éléments ont une propriété de style qui fournit des informations sur leurs styles en ligne ou leur ensemble de styles. en utilisant JavaScript :

console.log(document.getElementById('someIDThatExists').style.display);
Copier après la connexion

Cela vous fournira une chaîne représentant la valeur d'affichage actuelle.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal