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

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!