对html解析感到困惑

Question

我正试图从一个在线图书网站获得图像。这是我到目前为止所做的

var listAll= document
.querySelectorAll("div.prd-wrapper div.product-img")
.map((e) => e.getElementsByTagName("a")[0])
.toList();
listAll.forEach((element) {
print(element.innerHtml);
});
}

下面的代码给出如下输出

<img class="lazyload" data-src="https://i.dr.com.tr/cache/154x170-0/originals/0001742911001-1.jpg" alt="Minik Elif'in Tuvalet 
<img class="lazyload" data-src="https://i.dr.com.tr/cache/154x170-0/originals/0001847750001-1.jpg" alt="Unutma Mutlu Bir Hayat Çok Az 

我需要得到图像链接。我试过了。But doesn ' t work

var img=listAll.forEach((element) {
print(element.getElementsByTagName("data-src").length);
});

Answer 1

关于这一行:

element.getElementsByTagName("data-src")

data-src是一个属性，而不是一个标签，这可能就是为什么getElementsByTagName没有返回一个有用的结果。

您可能希望使用getAttributeByName(或您的lib提供的任何方法)。