Question

我正在尝试从HTML页面中的DIV获取IMG地址。当我打电话

document.getElementById('m-person--image l-person--image')

它返回NULL。

这是我尝试执行此操作的HTML页面： https://www.biography.com/business-figure/tim-cook

我试图提取蒂姆·库克的图片地址。有关如何执行此操作的任何想法？谢谢

Answer 1

在您提供的页面上，m-person--image和l-person--image是div上包装图像元素的类，而不是id。您可以使用querySelector函数按类获取此图像元素：

document.querySelector('.m-person--image.l-person--image > img');

Answer 2

document.getElementsByClassName（'m-person--image'）

Answer 3

这种方式效果很好

document.querySelector('img[alt="Tim Cook"').src

Answer 4

您正在尝试使用id，但您要查找的div由class

标识

<div class="m-person--image l-person--image">
<img src="https://www.biography.com/.image/ar_1:1%2Cc_fill%2Ccs_srgb%2Cg_face%2Cq_auto:good%2Cw_300/MTE5NDg0MDU1MzM0OTc5MDg3/tim-cook-20967297-1-402.jpg" alt="Tim Cook" itemprop="image" nopin="true" data-pin-no-hover="true">
</div>

使用getElementsByClassName

document.getElementsByClassName('m-person--image l-person--image')

从DIV获取IMG链接返回null

4 个答案: