Блог

Главная - Вопросы по программированию - Как получить значение заголовка класса Span

Как получить значение заголовка класса Span

#javascript

#JavaScript

Вопрос:

Я бы хотел, чтобы 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>

Ответ №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>

Ответ №2:

Используйте getAttribute(), чтобы получить значение title атрибута выбранного элемента DOM : . Здесь 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>

Ответ №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>

Ответ №4:

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

Вы можете напрямую обращаться к атрибутам по умолчанию, таким как title, или использовать getAttribute(‘title’) вместо этого.