Maison >interface Web >tutoriel CSS >Pourquoi myDiv.style.display renvoie-t-il un contenu vide lorsqu'il est défini dans une feuille de style principale ?

Pourquoi myDiv.style.display renvoie-t-il un contenu vide lorsqu'il est défini dans une feuille de style principale ?

Susan Sarandon
Susan Sarandonoriginal
2024-11-06 18:51:021053parcourir

Why Does myDiv.style.display Return Blank When Set in a Master Stylesheet?

myDiv.style.Display revient vide lorsqu'il est défini dans la feuille de style principale

Lors de la définition du style d'affichage d'un élément div à l'aide de myDiv.style. display (JavaScript), le comportement attendu est de renvoyer une chaîne vide si le style d'affichage est défini sur aucun dans une feuille de style principale. Cela se produit car JavaScript ne peut pas accéder directement au style calculé, qui est le style appliqué via les règles CSS.

Pour résoudre ce problème et récupérer le style d'affichage précis, il est recommandé d'utiliser la méthode getComputedStyle(). Cette méthode permet d'accéder au style calculé d'un élément, y compris les styles définis dans les feuilles de style principales.

Voici un exemple d'utilisation de getComputedStyle() :

function getStyle(id, name) {
    var element = document.getElementById(id);
    return element.currentStyle ? element.currentStyle[name] : window.getComputedStyle ? window.getComputedStyle(element, null).getPropertyValue(name) : null;
}

var display = getStyle('myDiv', 'display');
alert(display); // Will print 'none' or 'block' or 'inline' etc.

En utilisant getComputedStyle() , vous pouvez récupérer avec précision le style d'affichage d'un élément, même s'il est défini dans une feuille de style principale. Cela garantit une fonctionnalité appropriée lors du basculement du style d'affichage à l'aide de JavaScript.

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