Obtenez de l'élément de la hauteur quand style = auto ou 100%?
Tout comme les questions se demande comment puis-je obtenir le exacte px de hauteur ou la largeur d'un élément lorsque cet élément a style="width:100%; height:auto;" par exemple.
Je ne peut PAS imbriquer à l'intérieur d'un div et obtenir la hauteur/largeur via!
Je devine que javascript peut aider ici.
EDIT: je suis en utilisant ceci:
var collectNodes = document.getElementById('fade').children;
collectNodes[y].height() //??
Le code suivant me donne la chaîne "auto":
collectNodes[0].style.height;
EDIT2: C'est mon code.
<div id="divId">
<img class="node" src="somePic0.png" style="z-index:10; opacity:0;"/>
<img class="node" src="somePic1.png" style="z-index:9; opacity:0;"/>
<img class="node" src="somePic2.png" style="z-index:8; opacity:1;"/>
<img class="node" src="somePic3.png" style="z-index:7; opacity:1;"/>
<img class="node" src="somePic4.png" style="z-index:6; opacity:1;"/>
</div>
<script>
var collectNodes = document.getElementById('divId').children;
var y = 0;
for ( var x = 0; x < collectNodes.length; x++ ) {
if ( collectNodes[x].style.opacity !== "" && !y ) {
y = x;
}
}
alert(collectNodes[y].height); //This alerts the string "auto" and not pixel height
</script>
Êtes-vous à l'aide de jquery ou d'une autre bibliothèque ou devrait-il être dans la plaine du javascript?
Selon une 🙂 je Préfère jQuery, javascript, mais travaillerait aswell!
Selon une 🙂 je Préfère jQuery, javascript, mais travaillerait aswell!
OriginalL'auteur Karl Morrison | 2013-03-07
Vous devez vous connecter pour publier un commentaire.
Vous pourriez le faire avec javascript comme ceci :
Javascript
Avec la bibliothèque de jQuery, il est plus facile :
JQuery
Modifier
Maintenant avec de nombreux éléments à l'intérieur d'un conteneur :
Html
J'ai changé d'opacité de la visibilité pour des raisons de compatibilité. Ne pas utiliser display:none; ou la hauteur de l'analyse échoue ;).
JQuery
Voir violon le voir fonctionner.
Avec jQuery, vous pouvez utiliser chaque pour analyser chaque élément dans un récipient, puis-je avoir le code html de votre code pour vous aider un peu plus ?
Mise à jour maintenant! 🙂
Mis à jour avec violon 😉
Mon code fonctionne avec une opacité trop, je suis en train de monter 😉 Quelle est la condition pour que votre photo ? class, id, l'attribut de données ?
OriginalL'auteur soyuka
Vous pouvez utiliser
getComputedStyle()
:OriginalL'auteur David Thomas