Как получить содержимое атрибута js?

Question

[Александр]

Есть тег а, нужно получить значение атрибута по классу.

<a href="tel:[phone]" class="header_changer">+7 (3452) <span>60 40 40</span></a>

Пробовал вот так, не работает

document.getElementsByClassName('header_changer').getAttribute("href")

Answer 1

[Павел Корнилов]

А так?

document.getElementsByClassName('header_changer')[0].getAttribute("href")

Или так?

[].forEach.call(document.querySelectorAll('.header_changer'), function(i) {
		console.log(i.getAttribute("href"));
	});

Comments

[Александр]

Неа, Cannot read property 'getAttribute' of undefined

[Павел Корнилов]

Попробуйте:

document.querySelector('.header_changer').getAttribute('href');

[Виктор П.]

Александр, вариант рабочий )

var elements = document.getElementsByClassName('header_changer');
console.log(elements)

Что выводит?

[Павел Корнилов]

Конкретно на этой странице из консоли прекрасно работает:

document.querySelector('.question__invate-expert').getAttribute('href');

[Александр]

KorniloFF, Спасибо