Удаляются данные из переменной querySelectorAll

@Bring · Регистрация: 09.05.2015

Студворк — интернет-сервис помощи студентам

Привет. Я уже обращался с этой проблемой, но мне не отвечают в старой теме.
Вопрос тот же. Сохраняю данные в переменную, потом когда удаляю из дерева, чистится и переменная.
Как сделать так, чтобы удаление где бы то нибыло, не затрагивало переменную.

JavaScript
1
2
3
4
5
6
7
//cut out tr elements from tbody
    var trElements = document.getElementById("tableWrapper").querySelectorAll("tbody")[0];
    
    //clear tbody table
    var tbodyChildren = document.getElementById("tableWrapper").getElementsByTagName("tbody")[0].getElementsByTagName("tr");
    for(var i = tbodyChildren.length - 1; i > 0; i--)
        tbodyChildren[i].remove();

@AlexZaw · 02.11.2018, 13:55

Опять же обращаю ваше внимание на то, что методы getElement(s)By - "живые".
Вы получили коллекцию элементов в переменную tbodyChildren с помощью этих методов. Затем в цикле удалили все эти элементы из DOM, соответственно в переменной у вас ничего нет.

@Bring · 02.11.2018, 14:14 **[ТС]**

Сообщение от AlexZaw

Опять же обращаю ваше внимание на то, что методы getElement(s)By - "живые".
Вы получили коллекцию элементов в переменную tbodyChildren с помощью этих методов. Затем в цикле удалили все эти элементы из DOM, соответственно в переменной у вас ничего нет.

Надо было сразу сказать про cloneNode(true);. А не обьяснять почему они живые или нет.

@AlexZaw · 02.11.2018, 15:22

Сообщение от Bring

Надо было сразу сказать про cloneNode(true);. А не обьяснять почему они живые или нет.

Хм, во-первых, в вашем коде ни в одной из тем (по данной проблеме) нигде нет упоминания о "cloneNode", а, во-вторых, даже если и был бы, то что бы это изменило? Эти методы постоянно следят за обновлением DOM, и как только там что-то появляется или исчезает - они обновляют содержимое переменной. Об этом я вам и пытаюсь втолковать. Если вы этого не понимаете - не стоит винить других. Вы пришли сюда за помощью, и никто вам ничем не обязан. Удачи в обучении...

@Bring · 02.11.2018, 17:14 **[ТС]**

Сообщение от AlexZaw

Эти методы постоянно следят за обновлением DOM

cloneNode решил мою проблему

@AlexZaw · 02.11.2018, 18:01

Каким образом? Что за костыль вы там придумали? Вся ваша проблема, даже при использовании getElement решается простым способом:
var tbodyChildren = trElements.querySelectorAll("tr");

@renat_dmitriev · 02.11.2018, 23:59

Сообщение от Bring

cloneNode решил мою проблему

Вашу проблему решит знакомство с селекторами, чтобы не писать километровые конструкции вроде

JavaScript
1
var tbodyChildren = document.getElementById("tableWrapper").getElementsByTagName("tbody")[0].getElementsByTagName("tr");

вместо простых лаконичных

JavaScript
1
var tbodyChildren = document.querySelectorAll("#tableWrapper tbody tr");

И да, как сказано выше, при использовании querySelectorAll документ не удаляется из коллекции

@Bring · 05.11.2018, 18:19 **[ТС]**

Сообщение от renat_dmitriev

документ не удаляется из коллекции

у меня переменная чистилась динамически вместе с содержимым откуда было скопировано

@j2FunOnly · 07.11.2018, 23:47

Bring, вы не привели ни конкретного минимального примера, в котором наблюдается ваш "баг", ни конкретных ожидаемых результатов работы кода (который работает с DOM, но разметки тут не наблюдается), которые работают как вам кажется не так, как вы хотели. На какой ответ вы рассчитывали?

@Bring · 08.11.2018, 16:40 **[ТС]**

Сообщение от j2FunOnly

вы не привели ни конкретного минимального примера

Чтобы привести вам минимальный пример, мне придется сейчас изменить код назад, чего мне очень не хочется. Так что просто поверьте на слово, что querySelectorAll помог в одном случае, но не помог в другом. Ответ на свой вопрос я нашел. Но и предыдущие меня устроили.

Новые блоги и статьи Все статьи Все блоги /
Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.

@AlexZaw Модератор 2380 / 1740 / 677 Регистрация: 07.08.2016 Сообщений: 4,094
	02.11.2018, 13:55
	Опять же обращаю ваше внимание на то, что методы getElement(s)By - "живые". Вы получили коллекцию элементов в переменную tbodyChildren с помощью этих методов. Затем в цикле удалили все эти элементы из DOM, соответственно в переменной у вас ничего нет. 0

@AlexZaw Модератор 2380 / 1740 / 677 Регистрация: 07.08.2016 Сообщений: 4,094
	02.11.2018, 18:01
	Каким образом? Что за костыль вы там придумали? Вся ваша проблема, даже при использовании getElement решается простым способом: `var tbodyChildren = trElements.querySelectorAll("tr");` 1

@j2FunOnly the hardway first 2475 / 1847 / 910 Регистрация: 05.06.2015 Сообщений: 3,610
	07.11.2018, 23:47
	Bring, вы не привели ни конкретного минимального примера, в котором наблюдается ваш "баг", ни конкретных ожидаемых результатов работы кода (который работает с DOM, но разметки тут не наблюдается), которые работают как вам кажется не так, как вы хотели. На какой ответ вы рассчитывали? 0