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

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

<body>
<p >text</p>

  <script type="text/javascript">

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

    </script>
</body>
  • Вопрос задан
  • 272 просмотра
Комментировать
Подписаться 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 Fullstack
OnClass
от 2 000 до 7 000 $
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработать приложение для создания и управления виртуальными турами
22 дек. 2024, в 11:58
1000 руб./за проект
Игра С# MVC console + wpf
22 дек. 2024, в 10:44
15000 руб./за проект
Извлечь данные из архива
22 дек. 2024, в 10:12
10000 руб./за проект
Ещё заказы