javascript - 如何在javascript中获取meta属性

Question

我有一个像这样的 span 元素:

<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>

我想获取meta-embed的属性，即“TESTLINK”。我尝试过 document.getElementById()，但它不起作用，你知道我该怎么做吗？

Answer 1

此 span 元素没有 id，因此您可以将 querySelectorAll 与 class name 一起使用并使用.getAttribute 获取您想要的属性。

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>