169 похожих чатов

Всем привет, подскажите почему может выходить ошибка https://codepen.io/Alius999/pen/XWzaKaX. Есть набор фигур.

По клику на левый черный квадратик, все фигуры копируются и добавляются в конец элемента блока с чёрными квадратами , а при клике на правый - в начало, но перед этим цикл перебирается задом наперёд. Вроде бы всё работает,но при добавлении в начало блока выходит ошибка:

Uncaught TypeError: Cannot read properties of undefined (reading 'cloneNode')
at HTMLDivElement.<anonymous>.

Ворпос, почему ошибка появляется, как исправить?

17 ответов

11 просмотров
Владимир- Автор вопроса

Подскажите также метод как можно развернуть коллекцию? revers() не сработал у меня, поэтому пришлось через цикл.

[...collection].reverse()

а есть ли смысл клонировать каждый элемент циклом?) нельзя ли сразу целый узел отклонировать?

Владимир- Автор вопроса

пробовал, вылезает такое: Uncaught TypeError: cubeColor.reverse is not a function

Владимир- Автор вопроса
jabascripter
а есть ли смысл клонировать каждый элемент циклом?...

нужно вставить внутрь родителя, а не перед ним. Если клонировать целиком то получится вместе с родителем.

Владимир- Автор вопроса
Danila
Покажи как пробовал

Вместо цикла добавил переменную и записал в неё реверс: let newCollect = cubeColor.reverse(); А дальше работал с коллекцией newCollect вместо cubeColor

ничего не понимаю что говоришь clickFirst.addEventListener('click', function() { let x = document.querySelector('.new-block').cloneNode(true) flexClick.append(...x.children) });

Владимир- Автор вопроса
jabascripter
ничего не понимаю что говоришь clickFirst...

То что ты предлагаешь будет так

Владимир
Array.from ?

Или так или через ...

Владимир- Автор вопроса
Владимир
через что?

тебе реверсить ничего не надо когда prepend юзаешь, сам подумай логически как оно работает

Владимир- Автор вопроса
jabascripter
[...collection].reverse()

Разобрался с этим. ТО что нужно, спасибо!

Похожие вопросы

Обсуждают сегодня

Ну вот просто даже давайте вот как. Какой нибудь конкретный кейс, можете в пример привести, где бч работает и приносит прикладную пользу, а не просто что бы было? Не крипту.
Alexander Andreev
22
Всем привет! Имеется функция: function IsValidChar(ch: UTF8Char): Boolean; var i: Integer; ValidChars: AnsiString; begin ValidChars := 'abcdefghijklmnopqrstuvwxyzABCDE...
Евгений
44
> Копаем глубже > Следующий момент был, когда я спросил его, знает ли он JavaScript. Он ответил, что его учили работать с C#. Я тоже в университете писал на C#, но даже там мн...
Oleg Volkov
4
лучше скажите, причём тут паскаль?
Alexey Kulakov
36
И никого не интересует какие пакеты кто использует. ((% Заходишь на сайт симфони и видишь поддержку Украины - по законам РФ это ж экстремизм. Только никто не отказывается от с...
Am Ambrion
11
Чтобы перехватить все нажимания буков на форме, надо хук ставить? Пробовал на форме ОнКейДаун, оно ловит клаву если фокус не на компоненте с вводом текста
Serjone
15
Но, может, есть уже проверенная? Наши требования такие: 1. Сообщения должны приходить из Инста в CRM оду 2. Должна быть возможность подключить несколько экаунтов Инстаграм. Р...
Alexander Sharoiko MSE / Александр Шаройко
7
Народ! Впервые клиенту пришло письмо от РКН, у вас, дескать, есть яндекс метрика, а нигде не написано, что вы ее юзаете. Никто не сталкивался?
Sasha Beep
14
Всем привет! вывожу на общей стр дочерние ресурсыв каждом ресурсе галерея, и первая фотка должна выводиться на общей [!DocLister? &prepare=photo !]
Alekso
12
Добрый вечер. Хочу чтобы у меня в классе поле было функцией, которая возвращает строку. Делаю так: interface ... TGetOutPath = function : String of object; ... protec...
Kirill Filippenok
12
Карта сайта