Задать вопрос
@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
  • Вопрос задан
  • 92 просмотра
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 ₽
JavaScript Fullstack
OnClass
от 2 000 до 7 000 $
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Собрать из исходного кода и запустить в докере рабочее приложение с бд
22 дек. 2024, в 22:57
350 руб./за проект
Аппликация для фильтра заказов
22 дек. 2024, в 20:40
10000 руб./за проект
Расширение для Google Chrome
22 дек. 2024, в 20:34
3000 руб./за проект
Ещё заказы