How To Get Value Of Span Class Title Value

Question

I would like JS to return the text value of title which is 'lost' from this line of code:

I want to print to console only the text "lost".

I tried the following (which didn't work):

 console.log(document.getElementsByClassName('_3rAzIK1XDa7ajuyjz8OJkl _12pssoQOCYKCt5amUeIK')[0].getElementsByClassName('title')[0].innerText)

 <span class="_3rAzIK1XDa7ajuyjz8OJkl _12pssoQOCYKCt5amUeIK" data-qa="text-recent-bet-status" title="lost"><i class="betgames-icon closed"></i></span>

Answer 1

title isn't a class name, it's an attribute. Use .getAttribute() to get its value.

 console.log(document.getElementsByClassName('_3rAzIK1XDa7ajuyjz8OJkl _12pssoQOCYKCt5amUeIK')[0].getAttribute('title'));

 <span class="_3rAzIK1XDa7ajuyjz8OJkl _12pssoQOCYKCt5amUeIK" data-qa="text-recent-bet-status" title="lost"><i class="betgames-icon closed"></i></span>

Answer 2

Use getAttribute() to get the value of the title attribute of selected DOM element:. Here title is an Attribute and not a class.

 console.log(document.getElementsByClassName('_3rAzIK1XDa7ajuyjz8OJkl _12pssoQOCYKCt5amUeIK')[0].getAttribute('title'))

 <span class="_3rAzIK1XDa7ajuyjz8OJkl _12pssoQOCYKCt5amUeIK" data-qa="text-recent-bet-status" title="lost"><i class="betgames-icon closed"></i></span>

Answer 3

document.getElementsByClassName returns the elements array based on that className .

And to get the title attribute of the selected element, you can use getAttribute function.

 console.log(document.getElementsByClassName('_3rAzIK1XDa7ajuyjz8OJkl')[0].getAttribute('title'));

 <span class="_3rAzIK1XDa7ajuyjz8OJkl _12pssoQOCYKCt5amUeIK" data-qa="text-recent-bet-status" title="lost"><i class="betgames-icon closed"></i></span>

Answer 4

console.log(document.getElementsByClassName('_3rAzIK1XDa7ajuyjz8OJkl _12pssoQOCYKCt5amUeIK')[0].title)

您可以直接访问标题等默认属性或使用 getAttribute('title') 代替。