<ul class="selecteur">
<li><img src="img_1.jpg" /></li>
<li><img src="img_2.jpg" /></li>
<li><img src="img_3.jpg" /></li>
</ul>
document.querySelector(".selecteur").addEventListener("click", function(e) {
console.dir(e.target);
if (e.target.tagName === "IMG") {
var nb_de_li_restants = this.querySelectorAll('li').length;
if (nb_de_li_restants > 1){
var removeTarget = e.target.parentNode; // li
removeTarget.parentNode.removeChild(removeTarget); // on sélectionne encore le parenty pour pouvoir utiliser la méthode removeChild()
} else {
var titre_photo = e.target.alt;
document.querySelector("#art p").innerHTML = "<p>" + titre_photo + " sélectionné.</p>";
}
}
}, false);
// code non suffisant, voir vidéo suivante.
console.dir(e.target) img,ul, etc… selon