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

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

<body>
<p >text</p>

  <script type="text/javascript">

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

    </script>
</body>
  • Вопрос задан
  • 214 просмотров
Комментировать
Подписаться 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 разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработать HLTV HUD для стрима CS 1.6
25 апр. 2024, в 08:02
2500 руб./за проект
Вычислить размер объекта по карте глубин
25 апр. 2024, в 07:37
5000 руб./за проект
Спарсить TON PLACE: скрейпинг фото и текста с анкет по списку URL
25 апр. 2024, в 05:57
3000 руб./за проект
Ещё заказы