Как взять дочерний эелемент в Js

document.addEventListener('DOMContentLoaded', function() { 
  var button = document.querySelectorAll('.but') 
  for (var i = 0; i < button.length; i++) { 
    button[i].addEventListener('click', function() { 
      var p1 = this.previousElementSibling.previousElementSibling.firstChild.innerHTML; 
      alert(p1); 
    }) 
 
  } 
});

<table> 
  <tr> 
    <td>1</td> 
    <td> 
      <a href="#">Текст который должен выдать alert </a> 
    </td> 
    <td> 
      <a href="#">Удалить</a> 
    </td> 
    <td> 
      <a href="#" class="but">Редактировать</a> 
    </td> 
  </tr> 
</table> 
<table> 
  <tr> 
    <td>2</td> 
    <td> 
      <a href="#">Текст который должен выдать alert2 </a> 
    </td> 
    <td> 
      <a href="#">Удалить2</a> 
    </td> 
    <td> 
      <a href="#" class="but">Редактировать2</a> 
    </td> 
  </tr> 
</table>