title: puppeteer get img from html with alt attribute
body: <p><code>&lt;div class=&quot;col-lg-4 col-md-4 col-sm-4 col-xs-12 nopadding text-center&quot;&gt;&lt;!-- Start Product Photo --&gt;&lt;div class=&quot;row&quot;&gt;&lt;img src=&quot;/products/ca/downloads/images/54631.jpg&quot; alt=&quot;Product image 1&quot;&gt;&lt;br&gt;&lt;img src=&quot;/products/ca/downloads/images/54631_WIP.jpg&quot; alt=&quot;Product image 2&quot;&gt;&lt;br&gt;&lt;p&gt;images not to scale&lt;/p&gt;&lt;/div&gt;&lt;!-- End Product Photo --&gt;&lt;/div&gt;</code></p>
  <p>I have the following html.</p>
  <p>Via puppeteer, how can I get the image source for Product image 2 (the source from alt = value)</p>
  <pre><code>    product =  await page.evaluate(() =&gt; {
     let image = document.querySelector (&quot;&quot;).src
  
      });
  </code></pre>
  <p>in the let image, how can I use the dom selectors to latch on to the img src of alt value = Product image 2?</p>
  <p>Any help is much appreciated.</p>