Javascript-форум - parentNode. задание из учебника

Здравствуйте. Это задание из учебника. Есть 3 окошка с керстиком. при нажатии на крестик окошко (div) удаляется. Объясните пожалуйста почему здесь parentNode повторяют 2 раза
var el = this.parentNode;
el.parentNode.removeChild(el);

<!DOCTYPE HTML>
<html>

<head>
  <link rel="stylesheet" href="messages.css">
  <meta charset="utf-8">
</head>

<body>

  <div>
    <div class="pane">
      <h3>Лошадь</h3>
      <p>Домашняя лошадь — животное семейства непарнокопытных, одомашненный и единственный сохранившийся подвид дикой лошади, вымершей в дикой природе, за исключением небольшой популяции лошади Пржевальского.</p>
      <button class="remove-button">[x]</button>
    </div>
    <div class="pane">
      <h3>Осёл</h3>
      <p>Домашний осёл или ишак — одомашненный подвид дикого осла, сыгравший важную историческую роль в развитии хозяйства и культуры человека. Все одомашненные ослы относятся к африканским ослам.</p>
      <button class="remove-button">[x]</button>
    </div>
    <div class="pane">
      <h3>Корова, а также пара слов о диком быке, о волах и о тёлках. </h3>
      <p>Коро́ва — самка домашнего быка, одомашненного подвида дикого быка, парнокопытного жвачного животного семейства полорогих. Самцы вида называются быками, молодняк — телятами, кастрированные самцы — волами. Молодых (до первой стельности) самок называют
        тёлками.
      </p>
      <button class="remove-button">[x]</button>
    </div>
  </div>



  <script>
    var buttons = document.querySelectorAll('.remove-button');

    for (var i = 0; i < buttons.length; i++) {
      var button = buttons[i];

      button.onclick = function() {
        var el = this.parentNode; // вот здеееесь!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
        el.parentNode.removeChild(el);
      };
    }
  </script>
</body>

</html>