Удаленный элемент, который не имеет родителя

Question

Это отличается от Remove dom element without knowing its parent?, потому что у их элемента есть parentNode.

Я знаю, как удалить элемент через его parentNode, но если я создам новый элемент, он вообще не имеет parentNode.

Итак,
a) Как удалить этот элемент?
b) Нужно ли мне вообще? Или он очищается, как только последняя ссылка на него исчезла?

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

var element = document.createElement('div'); 
 

 
console.log(element); // The div 
 

 
console.log(element.parentNode); // null 
 

 
element.parentNode.removeChild(element); // "Cannot read property 'removeChild' of null"

Answer 1

что вы подразумеваете под "удалить" это. Когда у него есть родительский узел, который означает, что вы добавляете его в DOM. Вы удаляете его, это означает, что вы удаляете его из DOM. Поскольку вы не добавили его вообще, это всего лишь

"<div></div>" 

, если вы заносили в журнал этот элемент. Все, что вам нужно сделать, это:

element = null; 

или ничего не делать.

Answer 2

Хотя элемент не был добавлен в DOM, он ничем не отличается от любого другого объекта Javascript и будет собираться мусором, как только последняя ссылка исчезнет.

Либо перепишите ссылку, либо просто подождите, пока она не выйдет из сферы действия.