javascript - 等待 document.querySelector('div#test').innerHTML 填写 html 后再做其他事情

Question

我有以下 javascript/jquery 函数，在单击按钮时，它会用 id=test 填充 div 和图像。

document.querySelector('div#test').innerHTML = "<div class='position-relative slotpar'><div class='position-absolute'><img src='./Images/my-poster/slot.png' class='slotimg'></div></div>";

在同一个函数之后，我有以下代码读取 div 中 img 元素的高度并将其传递给 position-relativ div。

$(".slotpar").height($(".slotimg").height());

虽然该功能无法正常工作，但我认为问题在于将高度传递给相对 div 的这段代码没有等待 document.querySelector('div#test').innerHTML 正确加载 html 和图像. 我尝试过使用 1 秒的超时并且它有效，所以我很确定问题是我提到的问题。

有没有办法等待 html 和图像在点击时完全加载，然后将图像的高度传递给相对 div？

请帮我

标签： javascripthtmljqueryfrontendjquery-selectors