javascript - 如何获取 元素内的属性值？

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

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

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