Как получить значение вложенного тега по клику на кнопку?

имеются кнопки

<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>

→ Ссылка