Javascript 图像加载后的文本加载

我有一个图像，其中我必须使用PHP显示数据库中的文本，但是当页面加载时，文本首先显示，图像随后显示，是否有一种方法可以让图像先加载，然后再显示文本？

假设图像最初没有设置，只需给它一个

加载

处理程序，当触发时，适用有关案文：

<span id="my-element" data-text="php-text-here">


img.addEventListener('load', () => {
  const myElement = document.querySelector('#my-element');
  myElement.textContent = myElement.getAttribute('data-text');
});

img.addEventListener（'load'，（）=>{
const myElement=document.querySelector（“#我的元素”）；
myElement.textContent=myElement.getAttribute（'data-text'）；
});

使用javascript，您可以在其中使用php填充特定字符串。我们可以看到您的代码吗？请记住，在互联网速度较慢的情况下，您的页面似乎没有响应，人们可能会在图像完全下载之前离开。