How can I get the value of an attribute inside a <span> element?

Question

I'm trying to extract a game score from the console for a JS game.

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

This returns the span which contains the score, which is:

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

I'm trying to extract the score element, so I want just the 550 returned. Is there an easy way to do this?

Answer 1

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

Answer 2

Yes, add [0].getAttribute("score"); to the end of your existing chain.