Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Как можно получить второй class ? (https://javascript.ru/forum/dom-window/81716-kak-mozhno-poluchit-vtorojj-class.html)

рони 17.01.2021 09:30

maxim1978,
<!DOCTYPE html>
<html>
<head>
    <title>Untitled</title>
    <meta charset="utf-8">
    <style type="text/css">
.item {
    width: 40px;
    height: 40px;
}
.red {
    background: red;
}
.green {
    background: green;
}
.blue {
    background: blue;
}
.yellow {
    background: yellow;
}
    </style>
    <script>
document.addEventListener( "click" , function(event) {
let item = event.target.closest('.item');
if(!item) return;
document.body.style.backgroundColor = item.classList[1];
//document.body.style.backgroundColor = getComputedStyle(item).backgroundColor;
});
    </script>
</head>
<body>
<div class="item red"></div>
<div class="item green"></div>
<div class="item blue"></div>
<div class="item yellow"></div>
</body>
</html>

voraa 17.01.2021 10:58

Цитата:

Сообщение от maxim1978
Потребовалось получить при клике второй class

Что такое второй класс? Имя класса?
Цитата:

Сообщение от maxim1978
решено

Вы получаете цвет фона.
Причем там буден не 'green' или 'red', а 'rgb(0,255,0)' или 'rgb(255,0,0)'


Часовой пояс GMT +3, время: 05:20.