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>

如何在JavaScript中获取元属性

1 个答案: