如何在<span>元素中获取属性的值？

Question

我试图从控制台中为JS游戏提取游戏分数。

document.getElementById("game").getElementsByClassName("game-score")

这将返回包含分数的范围，即：

<span class="game-score" score="550"></span>

我试图提取得分元素，所以我想要只返回550。有一个简单的方法吗？

Answer 1

使用getAttribute()

document.getElementById("game").getElementsByClassName("game-score")[0].getAttribute("score")

＆＃13;

＆＃13;

console.log(document.getElementById("game").getElementsByClassName("game-score")[0].getAttribute("score"))

＆＃13;

<div id="game">
  <span class="game-score" score="550"></span>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

是的，将[0].getAttribute("score");添加到现有链的末尾。