主页 / 问题 / 1433949
Accepted
Салават
Asked:2022-07-28 19:36:11 +0800 CST2022-07-28 19:36:11 +0800 CST

如何在按钮单击时获取嵌套标签值？

  • 772

有按钮

<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标签内的值？

javascript

1 个回答

  1. Best Answer

    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>

    • 2

相关问题