En un proyecto donde creo un lightbox con vanillajs (sin usar jquery) tenia que cerrar el div que había creado, pero me daba error por que el nodo que buscaba no existía, llegue a este post y me sirvió de guía para validar sin errores si existía o no mi elemento pero no con los script que proponían. llegue a esta solución (en mi caso):
Versión ES2015
let divCreadoDinamicamente = document.getElementById('soyUnDivCreado');
let closeModal = divCreadoDinamicamente.querySelector('.close-modal');
closeModal.addEventListener('click', e => {
e.preventDefault();
( document.body.contains(divCreadoDinamicamente) )
? document.body.removeChild(divCreadoDinamicamente)
: console.log('noooooooo')
});
Versión es5
var divCreadoDinamicamente = document.getElementById('soyUnDivCreado');
var closeModal = divCreadoDinamicamente.querySelector('.close-modal');
closeModal.addEventListener('click', function (e) {
e.preventDefault();
if (document.body.contains(divCreadoDinamicamente)) {
document.body.removeChild(divCreadoDinamicamente);
}else{
console.log('noooooooo')
};
});
Versión Jquery
var divCreadoDinamicamente = document.body.querySelector('#soyUnDivCreado');
var closeModal = $('.close-modal');
closeModal.on('click',function(e){
e.preventDefault();
if($.contains( document.body, divCreadoDinamicamente )) {
divCreadoDinamicamente.remove();
}else{
console.log('noooooooo')
};
});