Как с помощью чистого JS узнать id родительского элемента?

Question

[Ivan Ukhov]

Подскажите плиз, предположи есть такая разметка:

<div class="main">
  <button onclick="removeItem()" class="main__btn" type="button" >Удалить</button>
</div>

Как с помощью чистого JS узнать id родительского элемента? что должно быть написано в функции removeItem() ?
Мне кажется что нужно делать через всплытие но я не могу понять как, подскажите плиз

Answer 1

[Егор Живагин]

Как с помощью чистого JS узнать id родительского элемента?

this.parentNode.id;

что должно быть написано в функции removeItem() ?

А это уже смотря, что должна делать кнопка. Я не очень понял, что вам надо и какое всплытие имеется ввиду

Answer 2

[sergski]

Лучше вешать на обработчик, а в вашем случае так:

function removeItem(el) {
console.log(el.parentNode.getAttribute('id') );
}

<div id="main">
  <button onclick="removeItem(this)" class="main__btn" type="button" >Удалить</button>
</div>