获取 div 中的第一张图片

当我们需要实现在网页中获取某个 div 中的第一张图片时，我们可以使用 JavaScript 来便利地实现这一功能。

步骤

1. 首先，我们需要获取这个 div 元素。我们可以通过 document.getElementById() 方法来获取这个元素。

let myDiv = document.getElementById("myDiv");

2. 接着，我们需要获取这个 div 中的所有图片元素。我们可以使用 querySelectorAll() 方法来获取所有的图片元素。

let images = myDiv.querySelectorAll("img");

3. 最后，我们要检查这个图片元素列表是否为空。如果不为空，我们就可以获取第一张图片！

if (images.length > 0) {
  let firstImage = images[0];
  // do something with the first image
}

完整代码

let myDiv = document.getElementById("myDiv");
let images = myDiv.querySelectorAll("img");

if (images.length > 0) {
  let firstImage = images[0];
  // do something with the first image
}

以上就是获取 div 中的第一张图片的具体步骤。我们可以根据这个逻辑来实现更多相关的功能。