<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 nopadding text-center"><!-- Start Product Photo --><div class="row"><img src="/products/ca/downloads/images/54631.jpg" alt="Product image 1"><br><img src="/products/ca/downloads/images/54631_WIP.jpg" alt="Product image 2"><br><p>images not to scale</p></div><!-- End Product Photo --></div>
我有以下html。
通过操纵up,如何获得产品图片2的图片来源(来自alt =值的来源)
product = await page.evaluate(() => {
let image = document.querySelector ("").src
});
在let图片中,如何使用dom选择器锁定alt值=产品图片2的img src?
任何帮助深表感谢。
您将要使用Attribute Selector。我相信您要寻找的确切选择器是img[alt="Product image 2"]
let image = document.querySelector('img[alt="Product image 2"]').src;
console.log(image);
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 nopadding text-center">
<!-- Start Product Photo -->
<div class="row"><img src="/products/ca/downloads/images/54631.jpg" alt="Product image 1"><br><img src="/products/ca/downloads/images/54631_WIP.jpg" alt="Product image 2"><br>
<p>images not to scale</p>
</div>
<!-- End Product Photo -->
</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句