Мы сначала получаем элемент через querySelectorAll. Потом выводим его в консоль.
И потом перезаписываем этот элемент на '<a>НОВЫЙ ТЕКСТ</a>'
Но он на самой странице почему-то не перезаписывается, там остаётся старый элемент(там где по идее должен появиться новый эл. я красным кружком отметил)
Ты не делал "как здесь", потому что "здесь" используется document.querySelector() вместо document.querySelectorAll(). Потому и не работает. У коллекций нет свойства innerHTML. JavaScript не выводит такого рода ошибки, он просто создаёт свойство без замечаний.
потому что querySelectorAll возвращает nodelist (массив, а не один элемент)
Соответственно ты должен применить изменения для элемента массива а не для самого массива
Вот рабочий пример: a.forEach(e => e.innerHTML = '123')