How to get meta attribute in javascript

Question

I have a span element like this:

<span meta-nextep="ep-2-2" class="player-overlay radius4 show ep-2-1" meta-serie="TEST" meta-stag="2" meta-ep="1" meta-embed="TESTLINK" meta-embed2="TEST2" meta-embed3="TEST3"></span>

And I want to get the attribute of meta-embed, which is "TESTLINK". I've tried document.getElementById(), but it doesn't work, do you know how i can do it?

It really should be data- and not meta- so you can use dataset and be valid — epascarello
– epascarello, Commented Oct 10, 2019 at 13:58
Possible duplicate of Get value of a Custom Attribute using Javascript or Jquery — Augustas
– Augustas, Commented Oct 10, 2019 at 14:05

Aziz.G · Accepted Answer · 2019-10-10 14:14:45Z

1

There is no id for this span element so you can use querySelectorAll with a class name and use .getAttribute to get the attribute you want from.

const res = [...document.querySelectorAll(".player-overlay")].map(el =>

  el.getAttribute("meta-embed")
)

console.log(res)

<span meta-nextep="ep-2-2" class="player-overlay radius4 show ep-2-1" meta-serie="TEST" meta-stag="2" meta-ep="1" meta-embed="TESTLINK1" meta-embed2="TEST2" meta-embed3="TEST3"></span>

<span meta-nextep="ep-2-2" class="player-overlay radius4 show ep-2-2" meta-serie="TEST" meta-stag="2" meta-ep="1" meta-embed="TESTLINK2" meta-embed2="TEST2" meta-embed3="TEST3"></span>

<span meta-nextep="ep-2-2" class="player-overlay radius4 show ep-2-3" meta-serie="TEST" meta-stag="2" meta-ep="1" meta-embed="TESTLINK3" meta-embed2="TEST2" meta-embed3="TEST3"></span>

edited Oct 10, 2019 at 14:14

answered Oct 10, 2019 at 13:57

Aziz.G

3,7813 gold badges20 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

mariano Over a year ago

And what if i have class="player-overlay radius4 show ep-2-2 and class="player-overlay radius4 show ep-2-3" etc and i want get the meta attribute of everyone ?

Aziz.G Over a year ago

i updated my code for an example of group of span update your question please

Collectives™ on Stack Overflow

How to get meta attribute in javascript

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related