Lorsque l'élément n'est pas affiché, définissez la largeur / hauteur, utilisez le style de courant dans IE pour obtenir en tant qu'auto

Nous savons que l'obtention de la largeur et de la hauteur réelles d'un élément peut utiliser la propriété CurrentStyle dans IE. Cependant, si la largeur et la hauteur de l'élément ne sont pas affichées, l'utilisation de cet attribut ne sera pas obtenue et la valeur obtenue est auto. comme suit

La copie de code est la suivante:

<div> ABCD </div>

<cript>

var div = document.getElementsByTagName ('div') [0];

alert (div.currentStyle.width);

alert (div.currentStyle.height);

</cript>

Toutes les sorties dans IE6 / 7/8/9 sont auto. Si la largeur et la hauteur sont définies sur l'écran, la sortie est la largeur et la hauteur réelles. comme suit

1. Définition via l'attribut de style en ligne

La copie de code est la suivante:

<div> ABCD </div>

<cript>

var div = document.getElementsByTagName ('div') [0];

alert (div.currentStyle.width);

alert (div.currentStyle.height);

</cript>

2. Paramètres avec balises de style intégré via la page

La copie de code est la suivante:

<style>

div {

Largeur: 100px;

hauteur: 50px;

}

</ style>

<div> ABCD </div>

<cript>

var div = document.getElementsByTagName ('div') [0];

alert (div.currentStyle.width);

alert (div.currentStyle.height);

</cript>

Tout sortira: 100px, 50px