Как выбрать <label> при нажатии на кнопку в javascript?

Пользователь

от stanford_mosciski , в категории: JavaScript , год назад

Как выбрать <label> при нажатии на кнопку в javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от cooper.berge , год назад

@stanford_mosciski 

Пользователь

от richie_mayert , 7 месяцев назад

@stanford_mosciski 

Для того чтобы выбрать при нажатии на кнопку в JavaScript, можно использовать следующий подход:

  1. Присвойте уникальный идентификатор () или класс () вашему элементу.
  2. Добавьте обработчик события 'click' на кнопку. Внутри обработчика события можно выбрать с помощью метода document.querySelector() и добавить ему необходимые стили или другие действия.


Пример:


HTML:

1
2
<label for="myLabel">My Label</label>
<button id="myButton">Click me</button>


JavaScript:

1
2
3
4
document.getElementById('myButton').addEventListener('click', function() {
  var label = document.querySelector('label[for="myLabel"]'); // или document.querySelector('.myLabel') для класса
  label.style.color = 'red'; // пример изменения стиля
});


При нажатии на кнопку с id="myButton", будет выбран с атрибутом for="myLabel" и изменен его цвет на красный.