Удаляются данные из переменной 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 помог в одном случае, но не помог в другом. Ответ на свой вопрос я нашел. Но и предыдущие меня устроили.

Новые блоги и статьи Все статьи Все блоги /
Отчёт о затраченных материалах за определенный период с макетом печатной формы Maks 21.04.2026 Отчёт из решения ниже размещён в конфигурации КА2. Задача: разработка отчёта по затраченным материалам за определённый период, с возможностью вывода печатной формы отчёта с шапкой и подвалом. В. . .	Отчёт о спецтехнике находящейся в ремонте Maks 20.04.2026 Отчёт из решения ниже размещен в конфигурации КА2. Задача: отобразить спецтехнику, которая на данный момент находится в ремонте. Есть нетиповой документ "Заявка на ремонт спецтехники" который. . .	Памятка для бота и "визитка" для читателей "Semantic Universe Layer (Слой семантической вселенной)" Hrethgir 19.04.2026 Сгенерировано для краткого описания по случаю сборки и компиляции скелета серверного приложения. И пусть после этого скажут, что статьи сгенерированные AI - туфта и не интересно. И это не реклама -. . .	Запрет удаления строк ТЧ документа при определённом условии Maks 19.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "Аккумуляторы", разработанного в конфигурации КА2. У данного документа есть ТЧ, в которой в зависимости от прав доступа. . .
Модель заражения группы наркоманов alhaos 17.04.2026 Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .	Мысли в слух. Про "навсегда". kumehtar 16.04.2026 Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .	My Business CRM MaGz GoLd 16.04.2026 Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .	Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.

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

@AlexZaw Модератор 2381 / 1741 / 677 Регистрация: 07.08.2016 Сообщений: 4,096
	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

Опции темы