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

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

<body>
<p >text</p>

  <script type="text/javascript">

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

    </script>
</body>
  • Вопрос задан
  • 265 просмотров
Комментировать
Подписаться 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 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36 • Воронеж
от 100 000 до 200 000 ₽
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Перерисовать логотип в векторе
22 нояб. 2024, в 00:55
500 руб./за проект
Разработка алгоритма на python (Data engineering)
21 нояб. 2024, в 23:30
300000 руб./за проект
Верстка Flutter + API
21 нояб. 2024, в 22:21
3000 руб./в час
Ещё заказы