我想在父div的边界中随机放置一个图像

<div id="parentDiv" style="width: 500px; height: 500px; position: relative;"></div>

function placeRandomImage() {
  var parentDiv = document.getElementById("parentDiv");
  var image = document.createElement("img");
  image.src = "image.jpg"; // 替换为你的图像路径
  image.style.position = "absolute";
  
  var parentWidth = parentDiv.offsetWidth;
  var parentHeight = parentDiv.offsetHeight;
  
  var randomX = Math.floor(Math.random() * parentWidth);
  var randomY = Math.floor(Math.random() * parentHeight);
  
  image.style.left = randomX + "px";
  image.style.top = randomY + "px";
  
  parentDiv.appendChild(image);
}

placeRandomImage();