Для того чтобы выбрать все кнопки на странице и добавить к ним действие, вам понадобится использовать JavaScript. Существует несколько способов сделать это, и я расскажу о двух наиболее распространенных методах: использование встроенного метода querySelectorAll()
и добавление обработчика события к каждой кнопке.
Первый способ - использование querySelectorAll()
. Метод querySelectorAll()
позволяет выбрать элементы, соответствующие селектору CSS. Вы можете использовать селектор button
, чтобы выбрать все кнопки на странице. Например:
var buttons = document.querySelectorAll('button');
Теперь у вас есть коллекция элементов кнопок, и вы можете выполнить какие-либо действия с ними. Например, добавим обработчик клика к каждой кнопке:
buttons.forEach(function(button) { button.addEventListener('click', function() { // ваше действие, которое будет выполняться при клике на каждую кнопку }); });
Второй способ - добавление обработчика события к каждой кнопке. Для этого вам понадобится использовать цикл и метод getElementsByTagName()
, который возвращает коллекцию элементов с заданным тегом. В данном случае, мы будем использовать тег button
:
var buttons = document.getElementsByTagName('button'); for(var i = 0; i < buttons.length; i++) { buttons[i].addEventListener('click', function() { // ваше действие, которое будет выполняться при клике на каждую кнопку }); }
Оба метода могут быть использованы для выбора всех кнопок на странице и приспособления к ним действия. Вы можете выбрать наиболее подходящий для вас способ в зависимости от ваших потребностей и ситуации.