gpt4 book ai didi

javascript - DHTML:获取更新的元素大小

转载 作者:行者123 更新时间:2023-11-29 10:00:41 26 4
gpt4 key购买 nike

我正在更新 src <img> 的属性在 javascript 中标记。完成此操作后,我需要获取其父项的新高度 <div>这样我就可以更新页面上其他元素的大小。如果我检索 parent 的 offsetHeight更新图像的 src 后直接属性,但是,我得到的高度是 进行更改之前。有没有办法强制浏览器呈现更新后的页面,以便我可以获得新的高度?

复制:

<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>

最佳答案

如果您不需要立即使用新高度,请使用 Marc 的解决方案。但是,如果您需要用户点击时的正确高度,则需要预加载 b.jpg。然后,我不知道同一函数中的高度是否直接正确,但我想 setTimeout('alert(document.getElementById("parent").offsetHeight);',1);将在一毫秒内提醒高度。

关于javascript - DHTML:获取更新的元素大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/399508/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com