@Link-Z

Почему не срабатывает classList remove("")?

В общем не могу понять что я делаю не так, подскажите пожалуйста почему не срабатывает classList remove("") ?

Код:

HTML
<nav>
	  	<a class="nav__link activ" href="#">loked</a>
	  	<a class="nav__link" href="#">loked</a>
	  	<a class="nav__link" href="#">loked</a>
	  	<a class="nav__link" href="#">loked</a>
	  </nav>

CSS
.nav__link {
	  		padding: 20px;
	  		background-color: red;
	  	}

	  	.activ {
	  		background-color: #000;
	  	}

JavaScript
let navbtn = document.querySelectorAll('.nav__link');

	  	for(let cliked of navbtn){
	  		cliked.addEventListener('click', function(){
	  			cliked.classList.remove('activ')
	  			this.classList.add('activ')
	  		})
	  	}
  • Вопрос задан
  • 60 просмотров
Решения вопроса 1
Yadalay
@Yadalay
Php, Mysql, Html, Css, Js/Jquery/Ajax, Laravel
Вы удаляете и добавляете этот класс этому элементу снова. Скорее всего, Вы хотите при клике удалять везде класс activ, а нажатому - добавлять. Вот, на Вашем примере написал код:
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы