Je suis en train de mettre à jour l'attribut src
d'un tag <img>
dans javascript. Après que j'ai fait ceci, je dois obtenir la nouvelle taille de son parent <div>
de sorte que je puisse mettre à jour la taille d'autres éléments sur la page. Si je récupère la propriété offsetHeight
du parent directement après la mise à jour src
de l'image, cependant, j'obtiens la hauteur avant la modification a été apportée. Existe-t-il un moyen de forcer le navigateur à afficher la page mise à jour afin que je puisse obtenir la nouvelle hauteur?DHTML: Obtention de la taille d'élément mise à jour
Repro:
<html>
<head>
<script type="text/javascript">
function changeImage(){
document.getElementById("image").src = "b.jpg";
// here I need to re-render the page
alert(document.getElementById("parent").offsetHeight);
//^alerts the height of a.jpg, not b.jpg (unless this is the second click)
}
</script>
</head>
<body onclick="changeImage()">
<div id="parent">
<img id="image" src="a.jpg" />
</div>
</body>
</html>