Retrieve value from img tag

Question

I want to get the favoriteid value.

<td class="favoriteRow" style="">

  <img src="/images/starGold.png" loading="lazy" favoriteid="bitcoin">

</td>

This is what I tried but got back undefined.

console.log(this.childNodes[0]['favoriteid'])

The console.log(this) outputs:

<td class="favoriteRow" style="">

  <img src="/images/starGold.png" loading="lazy" favoriteid="bitcoin">

</td>

It’s very strange that you figured to log `this` and `this.childNodes[0].favoriteid` but never logged `this.childNodes` or `this.childNodes[0]` to see what they are. — Sebastian Simon, Sep 20 '21 at 13:47

stacj · Answer 1 · 2021-09-20T13:48:57.913

Something like this?

See docs!

const img = document.querySelector("img[favoriteid]");
console.log( img.getAttribute("favoriteid") )

<td class="favoriteRow" style="">
  <img src="/images/starGold.png" loading="lazy" favoriteid="bitcoin">
</td>

or

document.querySelector(".favoriteRow img").getAttribute("favoriteid")

console.log(document.querySelector(".favoriteRow img").getAttribute("favoriteid"));

<table>
  <td class="favoriteRow" style="">
    <img src="/images/starGold.png" loading="lazy" favoriteid="bitcoin">
  </td>
</table>

1 Answers1