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
Barbara Streisandoriginal
2024-11-23 10:15:12684parcourir

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;

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);

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!

Déclaration:
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