Как заменить div classname по нажатию на любое место на странице
Есть код html и js
<div class="class1"> здесь текст </div>
$('.class1').on('click',function () {
$('.class1').removeClass('class1');
$(this).addClass('class2')
});
Сейчас по нажатию на class1 его classname заменяется на class2. Как сделать так, чтобы затем при нажатии на любой элемент на странице, т.е. <body> class2 обратно менялся на class1 ? И чтобы так работало по кругу. Код js взял в интернете, доработать не смог( |
ser1ko,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.class1 {
color: #008000;
}
.class2 {
color: #FF0000;
font-size: 48px;
}
</style>
<script>
document.addEventListener('click', function({target}){
if (target = target.closest('.class1')) {
target.classList.remove('class1')
target.classList.add('class2')
} else if (target = document.querySelector('.class2')) {
target.classList.remove('class2')
target.classList.add('class1')
}
})
</script>
</head>
<body>
<div class="class1">
здесь текст
</div>
</body>
</html>
|
| Часовой пояс GMT +3, время: 07:44. |