Как поменять содержимое атрибута href через js?

Question

[Роман]

Всем привет. Учу js. Н получается поменять значение атрибута href. Тупо не срабатывает условие. Что сделал не так?

<a href="http://">Ссылка</a>
<a href="http://">Ссылка</a>
<a href="3">Ссылка</a>
<input type="submit" id="btn">

let links = document.querySelectorAll('a');
let btn = document.querySelector('#btn');

btn.addEventListener('click', function(){
	for (elem of links) {
		if (elem.href == "http://") {
			console.log(elem.href);
		}
	}
})

Comments

[Kovalsky]

Выведите в консоль значения href для каждой ссылки

[Роман]

Kovalsky, начинаю понимать почему. В консоль выводится только http:, а не http://. Почему так?

[Kovalsky]

Роман, ну видимо в свойстве href лежит не исходное значение атрибута href, а какая-то его обработанная форма. Значение атрибута можно получить с помощью метода .getAttribute()

[RAX7]

вместо elem.href == "http://" используй
startsWith

Answer 1

[Ольга]

В данном случае попробуйте использовать не свойство href, a getAttribute("href"), потому как свойство href возвращает полную ссылку, а getAttribute именно то что указано в разметке.
В вашем примере неудачно выбрано тестовое значение для ссылки - "http://", получается что вы пытаетесь сравнить его собственно с тем что возвращает свойство href , а возвращает оно "http:"