Задать вопрос
@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 разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
[python,go] Залить ВИДЕО в тикток
19 апр. 2024, в 23:00
5000 руб./за проект
Разработка VST-плагина
19 апр. 2024, в 20:43
20000 руб./за проект
Нарисовать баннер для интернет-магазина
19 апр. 2024, в 20:35
500 руб./в час
Ещё заказы