title: Get the current image source of a picture element
body: <p>An <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement" rel="noreferrer">HTMLImageElement</a> has a <code>currentSrc</code> property so we can get the current source of an <code>img</code> element. Useful when defining multiple possible sources with <code>srcset</code>.</p>
  
  <p>There seems to be no equivalent for an <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLPictureElement" rel="noreferrer">HTMLPictureElement</a>.</p>
  
  <p>Is there another way we can find the current source of a <code>picture</code> element with Javascript?</p>