Comment puis-je déterminer par programme la propriété d'affichage CSS d'un élément en JavaScript ?

Détermination de l'affichage CSS d'un élément à l'aide de JavaScript

Dans certains scénarios, il peut être nécessaire de vérifier par programme la propriété d'affichage CSS d'un élément. Cet article explore deux méthodes pour y parvenir avec JavaScript.

La première méthode consiste à obtenir la valeur d'affichage calculée de l'élément. Si la propriété d'affichage est héritée ou spécifiée dans une règle CSS, cette approche est recommandée :

return window.getComputedStyle(element, null).display;

L'objet de style calculé contient les styles effectifs appliqués à un élément, permettant la récupération de l'attribut d'affichage même si il a été défini dans une feuille CSS externe.

Alternativement, si le style d'affichage de l'élément a été déclaré en ligne ou via JavaScript, vous pouvez accéder au style property :

console.log(document.getElementById('someIDThatExists').style.display);

Cela affichera une valeur de chaîne représentant la valeur de l'attribut d'affichage.

En tirant parti de ces méthodes, les développeurs peuvent déterminer si la propriété d'affichage CSS d'un élément est définie sur "bloquer" ou "aucun" par programmation en JavaScript, améliorant le contrôle et la manipulation des éléments DOM.

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!