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

Как верно вставить элемент в HTML-код через Javascript?

HTML
<body>
  <header>
    <nav>
      <ul>
        <li>Один</li>
        <li>Два</li>
        <li>Три</li>
        <li>Четыре</li>
      </ul>
    </nav>
  </header>
</body>


JavaScript
let li = document.createElement('li');
li.textContent = 'Пять';

document.body.header.nav.ul.append(li);


Выдаёт ошибку: Uncaught TypeError: Cannot read property 'nav' of undefined
  • Вопрос задан
  • 91 просмотр
2 комментария
Подписаться 1 Простой 2 комментария
Решения вопроса 1
hzzzzl
@hzzzzl
document.querySelector('nav ul').append(li);
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 1
@as_viper
Начинающий веб-разработчик
Задайте переменную
Let ul = document.querySelector("ul");

ul.appendChild(li);
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36 • Воронеж
от 100 000 до 200 000 ₽
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработка алгоритма на python (Data engineering)
21 нояб. 2024, в 23:30
300000 руб./за проект
Верстка Flutter + API
21 нояб. 2024, в 22:21
3000 руб./в час
Разработать Custom Speech-to-text Operator на Apache Flink
21 нояб. 2024, в 21:42
100000 руб./за проект
Ещё заказы