Задать вопрос
@helpmeplease196
javascript

Почему не работает innerHTML?

<body>
<p >text</p>

  <script type="text/javascript">

   let element = document.querySelectorAll("p");
   element.innerHTMl="new text";

    </script>
</body>
  • Вопрос задан
  • 259 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 3
black1277
@black1277
Вольный стрелок
document.querySelectorAll выбирает не один, а коллекцию элементов. У этой коллекции нет свойства innerHTMl. А у её элементов есть, попробуй так
let element = document.querySelectorAll("p")[0];
   element.innerHTML="new text";

или используй document.querySelector, который получает один элемент.
Ответ написан
Комментировать
Комментировать
Rst0
@Rst0
querySelectorAll в отличие от querySelector - это массив найденных элементов,
соответственно
element[0].innerHTMl="new text";
Ответ написан
2 комментария
2 комментария
sHinE
@sHinE
веб-разработчик, php/js/mysql и сопутствующее
Потому что document.querySelectorAll возвращает NodeList и у него нет свойства innerHtml. Но по этому списку можно итерироваться и вот у каждого элемента уже это свойство есть. Или используйте document.querySelector()
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
JavaScript Developer
AppsTrain.io
от 80 000 до 180 000 ₽
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработать vpn сервис
05 нояб. 2024, в 17:38
150000 руб./за проект
Drupal. Перенос сайта с домена на поддомен
05 нояб. 2024, в 16:31
500 руб./за проект
Разработать макет для email рассылки
05 нояб. 2024, в 16:24
5000 руб./за проект
Ещё заказы