jun_dev
@jun_dev
Frontend-developer

Как получить только первый дочерний элемент в вложенности (event.target) без дополнительных условий?

При клике на кнопку нужно получить id только первого дочернего элемента.
Если мы кликнем по рисунку в кнопке, то соответственно нужного id не получаем.
Как полчить только первый дочерний элемент в вложенности без доплонительных условий?

https://codepen.io/studydev/pen/YzWodYa

<div class="buttons">
	<button class='button' id='red'> red
		<img src="https://printplanet.com/data/avatars/o/21/21249.jpg?1576919580" alt="">
		</button>
	<button class='button' id='blue'> blue
		<img src="https://printplanet.com/data/avatars/o/21/21249.jpg?1576919580" alt="">
		</button>
	<button class='button' id='green'> greeb
		<img src="https://printplanet.com/data/avatars/o/21/21249.jpg?1576919580" alt="">
		</button>
</div>


const buttons = document.querySelector('.buttons');

	buttons.addEventListener('click', (event) => {
		console.log(event.target.id);
	});
  • Вопрос задан
  • 62 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
buttons.addEventListener('click', e => console.log(e.target.closest('button')?.id));
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
Sportrecs Москва
от 150 000 до 200 000 ₽
02 дек. 2020, в 22:29
12000 руб./за проект
02 дек. 2020, в 20:48
5000 руб./за проект
02 дек. 2020, в 19:55
4000 руб./за проект