Как получить текст из элемента?

Question

[Александр Владимиров]

Как получить значение текста из <span>?

Если бы это просто было <span class="order">3728</span> я бы получил через document.getElementsById, но вот в этой ситуации не знаю как:

<a class="graph-label" href="/order/821107" style="color: rgb(115, 85, 162);">
<span>3728</span>
</a>

Answer 1

[G F]

const text = document.querySelector('.graph-label > span').textContent

Хотя я бы порекомендовал добавить спану класс и по нему обращаться. Потому что если потом разметка поменяется, селектор может выбрать не то что ты хотел.

Comments

[Александр Владимиров]

понял, принял. Благодарю за ответ))

Answer 2

[Павел]

document.querySelector('.graph-label span').textContent;

Answer 3

[historydev]

Конкретней. У вас этих ссылок будет много?

console.log('Один: ', document.querySelector('a.graph-label').querySelector('span').innerText); // Для одной

document.querySelectorAll('a.graph-label').forEach(el => console.log('Множество: ', el.querySelector('span').innerText)); // Для множества

click