Получить внутренний HTML для родительского родителя в JavaScript

Question

У меня есть этот код:

   <div class="places-item">
      <div class="places-item-img"></div>
      <div class="places-item-header">
         <h2>TEST</h2>
         <div class="places-item-header-add">ADD</div>
      </div>
   </div>

   document.querySelector('.places-item-header-add').addEventListener('click',function(){
      var getHTML = this.outerHTML;
      document.querySelector('body').innerHTML = getHTML
   });

Текущий код отображает только div.places-item-header-add, и я хочу, чтобы весь div.places-item отображался. Это возможно?

Answer 1

Я думаю, это то, что вы просите:

document.querySelector('.places-item-header-add').addEventListener('click',function(){
    document.querySelector('body').innerHTML = this.parentElement.parentElement.outerHTML;
});