使用JavaScript在随机位置显示加载的多个元素(div和img

// 创建多个元素
for (let i = 0; i < 5; i++) {
  // 创建div元素
  const div = document.createElement('div');
  // 设置div的属性
  div.setAttribute('class', 'my-div');
  // 设置div的样式
  div.style.width = '100px';
  div.style.height = '100px';
  div.style.backgroundColor = 'red';
  
  // 创建img元素
  const img = document.createElement('img');
  // 设置img的属性
  img.setAttribute('src', 'image.jpg');
  
  // 生成随机位置
  const randomX = Math.random() * window.innerWidth;
  const randomY = Math.random() * window.innerHeight;
  
  // 设置元素的位置
  div.style.position = 'absolute';
  div.style.left = randomX + 'px';
  div.style.top = randomY + 'px';
  
  // 添加元素到页面
  document.body.appendChild(div);
  document.body.appendChild(img);
}