Как вставить элемент сразу в два места?

Допустим, мы создаем элемент li
const li = document.createElement(li);
а, в html есть два ul
<ul></ul>
<ul></ul>

как этот li, вставить сразу в 2 места?
  • Вопрос задан
  • 79 просмотров
Решения вопроса 2
0xD34F
@0xD34F Куратор тега JavaScript
Никак.

Создавайте два элемента. Можно клонировать существующий.
Ответ написан
@YahorDanchanka
Frontend developer
Метод cloneNode позволяет клонировать элемент и получить его точную копию.
HTML:
<ul class="selector"></ul>
<ul class="selector"></ul>

JS:
const li = document.createElement('li');
li.innerHTML = 'test';
const lists = document.querySelectorAll('.selector');

lists.forEach(list => {
  list.append(li.cloneNode(true));
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы