Как получить значение вложенного тега по клику на кнопку?
имеются кнопки
<button type="button" class="sklad mb-2"><div>склад1</div><span> пн-вс 10:00 - 19:00</span></button>
<button type="button" class="sklad mb-2"><div>склад2</div><span> пн-вс 10:00 - 19:00</span></button>
<button type="button" class="sklad mb-2"><div>склад3</div><span> пн-вс 10:00 - 19:00</span></button>
<button type="button" class="sklad mb-2"><div>склад4</div><span> пн-вс 10:00 - 19:00</span></button>
Как получить значение внутри тега div по нажатию на кнопку (button)?
Ответы (1 шт):
Автор решения: Алексей Шиманский
→ Ссылка
let buttons = document.querySelectorAll('.sklad');
buttons.forEach((element, i) => {
buttons[i].addEventListener('click', (e) => {
console.log(buttons[i].querySelector('div').textContent);
});
});
<button type="button" class="sklad mb-2"><div>склад1</div><span> пн-вс 10:00 - 19:00</span></button>
<button type="button" class="sklad mb-2"><div>склад2</div><span> пн-вс 10:00 - 19:00</span></button>
<button type="button" class="sklad mb-2"><div>склад3</div><span> пн-вс 10:00 - 19:00</span></button>
<button type="button" class="sklad mb-2"><div>склад4</div><span> пн-вс 10:00 - 19:00</span></button>