Распоряжаться объектом изображения
При создании нового элемента Image в javascript инструмент памяти Google Chrome (Инструменты разработчика> Timeline & gt; Memory), естественно, рассматривает его как новый элемент DOM.
В моем случае у меня более 1500 элементов DOM, и я хочу от них избавиться. Я попытался сохранить все объекты в массиве и удалить их все в цикле, когда я готов создать все объекты, что привело к следующей ошибке:
Uncaught TypeError: Cannot call method 'removeChild' of null
Это указывает на то, что объекты Image не отображаются в реальном DOM.
var images = [];
var i, image;
for( i = 0; i < urls.length; i++ ) {
image = new Image();
image.src = urls[i];
}
// other stuff happens
for( i = 0; i < images.length; i++ ) {
// apparently this doesn't work because I'm not adding the image to my DOM
// images[i].parentNode.removeChild( images[i] );
// delete images
}
Is there a way to remove/delete/unset/dispose the Image objects?