attr ('height') non définie dans jQuery

Question

J'ai un conteneur div avec le CSS suivant:

#container { 
    position:relative; 
    overflow:hidden; 
    width:200px; 
    height:200px; 
} 

Pourquoi ceci:

alert('height is ' + $("#container").attr('height')); 

Retour cette hauteur est définie?

Merci.

Answer 1

Essayez:

$("#container").height() 

Il est dû à la hauteur étant dans le css et non un attribut réel sur la balise html.

Answer 2

Vous souhaitez probablement utiliser les méthodes css ou height.

$('#container').css('height') 

ou

$('#container').height(); 

en fonction de ce que vous essayez de faire. Voir la documentation référencée pour les différences.

Answer 3

jQuery.attr fait référence aux attributs HTML et non aux propriétés CSS. Utilisez .css("height") ou la méthode .height() mentionnée.

En savoir plus sur ces méthodes:

1. jQuery.css()
2. jQuery.attr()
3. jQuery API Reference