Не пойму что не так с .innerHTML в JS

Question

Не пойму что не так с .innerHTML в JS

Союз Здравых Сил Профи (517), на голосовании 10 месяцев назад

Не пойму что такое на 37й строке?
Мы сначала получаем элемент через querySelectorAll. Потом выводим его в консоль.
И потом перезаписываем этот элемент на '<a>НОВЫЙ ТЕКСТ</a>'
Но он на самой странице почему-то не перезаписывается, там остаётся старый элемент(там где по идее должен появиться новый эл. я красным кружком отметил)
Хотя в консоль новый элемент выводится

Дополнен 11 месяцев назад

*я делал как здесь. Но у него работает, а у меня нет

Дополнен 11 месяцев назад

ё-мое, Семён Семёныч. querySelectorAll - это же коллекция. Надо просто querySelector оставить, он 1 элемент возвращает и всё будет работать

Answer 1

потому что querySelectorAll возвращает nodelist (массив, а не один элемент)
Соответственно ты должен применить изменения для элемента массива а не для самого массива

Вот рабочий пример:

 a.forEach(e => e.innerHTML = '123')

Answer 2

AaacoB Aaac Мудрец (14203) 11 месяцев назад

точку где-нить не поставил...

Answer 3

Возвращать надо не коллекцию, а конкретный элемент

Answer 4

Ты не делал "как здесь", потому что "здесь" используется document.querySelector() вместо document.querySelectorAll(). Потому и не работает. У коллекций нет свойства innerHTML. JavaScript не выводит такого рода ошибки, он просто создаёт свойство без замечаний.