|<- [[vpfjsphp:Removing DOM elements with events]]|[[vpfjsphp:Creating DOM elements with events]] ->|

<code>
<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.
</code>

===notes===
console.dir(e.target) //img,ul, etc... selon