加载图片后加载文字

Question

我有一个图像，我必须使用PHP显示来自数据库的文本，但是当页面加载文本首先出现并且图像稍后显示时，是否有一种方法可以使图像首先加载并显示文本以后？

Answer 1

假设最初没有设置图像，只需给它一个load处理程序，当触发时，应用有问题的文本：

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


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