如何从div中选择一幅图像并获取id值

<div id="image1">
  <img src="image1.jpg" alt="Image 1">
</div>

<div id="image2">
  <img src="image2.jpg" alt="Image 2">
</div>

var divElement = document.getElementById("image1");
var imageElement = divElement.getElementsByTagName("img")[0];
var imageId = divElement.getAttribute("id");

console.log("Selected Image ID: " + imageId);

var divElements = document.querySelectorAll("div[id^='image']");
var imageIds = [];

for (var i = 0; i < divElements.length; i++) {
  var imageElement = divElements[i].getElementsByTagName("img")[0];
  var imageId = divElements[i].getAttribute("id");
  imageIds.push(imageId);
}

console.log("Selected Image IDs: " + imageIds.join(", "));