Верстка, CSS, HTML, SVG
Как узнать селектор кнопки на сайте?
Ctrl + shift + c наводишься на элемент. Элемент выделяется синим в дереве элементов сверху. Там класс и айдишники, то бишь селекторы
В каком смысле селектор кнопки?
Скажем, если у кнопки нужно узнать класc или id, то вот так...
Скажем, если у кнопки нужно узнать класc или id, то вот так...
const btn = document.querySelector('button');
console.log(btn.className);
console.log(btn.id);
Если нужно наоборот узнать тег, то практически то же самое... const btn = document.querySelector('.btn');
console.log(btn.tagName);
А вообще, вопрос надо правильно ставить, чтобы вопрос не был причиной вопросов.видать открыть девтулс, нажать кнопочку исследовать страницу ( и тп ) и навести курсор на нужное место и кликнуть мышью
в код этого сайта зайди
Владимир Петров
Что из этой кучи текста является селектором?

Для того, чтобы узнать селектор кнопки на сайте, можно использовать инструменты разработчика веб-браузера. Вот как это сделать:
Откройте веб-страницу, на которой находится кнопка, селектор которой вы хотите узнать.
Откройте инструменты разработчика веб-браузера. Для этого нажмите F12 или нажмите правой кнопкой мыши на кнопке и выберите "Инспектировать элемент" из контекстного меню.
При помощи инструментов разработчика выделите кнопку на веб-странице.
Просмотрите HTML-код элемента, который был выделен в инструментах разработчика. Обычно он расположен в панели элементов (Elements panel).
Найдите тег, который соответствует кнопке, и определите значение атрибута "class" или "id". Оно может выглядеть примерно так: class="button" или id="submit-button".
Используйте значение атрибута "class" или "id" в качестве селектора для CSS или JavaScript.
Например, чтобы применить стили к кнопке с классом "button", вы можете написать следующий CSS-код:
.button {
background-color: blue;
color: white;
}
Или чтобы получить доступ к кнопке с помощью JavaScript, вы можете написать:
var button = document.querySelector('.button');
button.addEventListener('click', function() {
alert('Button clicked');
});
Откройте веб-страницу, на которой находится кнопка, селектор которой вы хотите узнать.
Откройте инструменты разработчика веб-браузера. Для этого нажмите F12 или нажмите правой кнопкой мыши на кнопке и выберите "Инспектировать элемент" из контекстного меню.
При помощи инструментов разработчика выделите кнопку на веб-странице.
Просмотрите HTML-код элемента, который был выделен в инструментах разработчика. Обычно он расположен в панели элементов (Elements panel).
Найдите тег, который соответствует кнопке, и определите значение атрибута "class" или "id". Оно может выглядеть примерно так: class="button" или id="submit-button".
Используйте значение атрибута "class" или "id" в качестве селектора для CSS или JavaScript.
Например, чтобы применить стили к кнопке с классом "button", вы можете написать следующий CSS-код:
.button {
background-color: blue;
color: white;
}
Или чтобы получить доступ к кнопке с помощью JavaScript, вы можете написать:
var button = document.querySelector('.button');
button.addEventListener('click', function() {
alert('Button clicked');
});
Похожие вопросы
- что означают эти селекторы
- Селектор css, помогите разобраться
- Несколько кнопок переводят пользователя на одну и ту же страницу. И от кнопок зависит то, что выводить на след. странице
- Помощь в разработке сайта. (макет, хостинг и домен есть. Не понимаю что делать с версткой и куда ее загружать)
- Вопрос по SEO-оптимизации сайта!
- Поисковик Яндекс не видит мой сайт сделанный на Wix конструкторе. Что можно сделать?
- Только начал делать свой сайт. Очень хотелось бы узнать чье-либо мнение...
- Мобильная версия или адаптивная версия сайта?
- Как создать многостраничный сайт на HTML?
- Можно ли после создания сайта на WordPress с помощью плагина Elementor потом удалить его (плагин Элементор) ?