LobsterJoe
@LobsterJoe

Как правильно удалить динамически созданный элемент DOM-дерева?

Ситуация следующая - в модальном окне bootstrap размещён плейсхолдер, в который вставляются элементы следующим кодом:

var mapWrapper = $(document.createElement('div'));
mapWrapper.attr('id', 'modalMapWrapper');
mapWrapper.appendTo('#modalMap');

var embed ="<iframe id='mapFrame' src='https://maps.google.com/maps?&amp;q="+ encodeURIComponent(event.location) +"&amp;output=embed'></iframe>";
$('#modalMapWrapper').html(embed);


и затем, по обработчику закрытия модального окна, элемент удаляется:

$('#mapFrame').parent().remove();

То есть - создали программно родителя, заинжектили в него ифрейм, открыли модальное окно, закрыли окно, поймали событие - нашли ифрейм и удалили родителя. По открытию следующего окна всё повторили.

Всё это работает, конечно. Вопрос к знатокам Javascript - насколько правильный такой подход?
  • Вопрос задан
  • 55 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы