如何獲取 Span 類標題值的值

Question

我希望 JS 返回從這行代碼中“丟失”的標題的文本值：

我只想打印到控制台“丟失”的文本。

我嘗試了以下（不起作用）：

 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不是類名，它是一個屬性。 使用.getAttribute()獲取其值。

 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

使用getAttribute()獲取所選 DOM 元素的title屬性值：。 這里的title是一個屬性而不是一個類。

 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返回基於該className的元素數組。

要獲取所選元素的title屬性，可以使用getAttribute函數。

 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') 代替。