Исполнение onclick события для нескольких элементов

Можно изощриться вот так (использовать всплытие события):

<p onclick='alert(1)'>
  text
  <span onclick='alert(2)'>
    text
    <span onclick='alert(3)'>
      text
      <span onclick='alert(4)'>text</span>
    </span>
  </span>
</p>

Но в здравом рассудке, так делать не стоит.

Вот как то так, только клинутый елемент будет 2 раза выдовать алерт, так как будет срабатывать первый onclick

let matches = document.body.querySelectorAll('p'); 
for(i=0; i < matches.length; i++) 
{ 
 matches[i].addEventListener('click', function(el){ 
 for(j=0;j < matches.length; j++) 
 { 
   matches[j].click(); 
 } 
 }) 
}

<p onclick='alert(1)'>text</p> 
<p onclick='alert(2)'>text</p> 
<p onclick='alert(3)'>text</p> 
<p onclick='alert(4)'>text</p>

Как же нельзя, если есть метод elem.click(). Главное, чтобы при клике не было всплывающих окон(alert() не считается). Ну а сразу по нескольким элементам тоже можно, только напишите класс какой-то. Сам код:

var all_elems = document.getElementsByClassName("your_class");
for(var i = 0;  i < all_elems.length; i++){
    all_elems[0].click();
}