classList.add nie działa

Odpowiedz Nowy wątek
2019-08-27 17:08
mmx
0

Dlaczego w poniższym kodzie po odpaleniu pierwszej części kodu el.classList.add('compact'); nie działa? console.log('Clicked'); działa

if(document.querySelector('#header-search.compact')){
    var el = document.querySelector('#header-search.compact');
        el.addEventListener('click', function() {
            el.classList.remove('compact');
    });
}

if(document.getElementById('header-search')){
    document.querySelector('#header-search .close').addEventListener('click', function() {
        var el = document.getElementById('header-search');
        console.log('Clicked');
        el.classList.add('compact');
    });
}

Pozostało 580 znaków

2019-08-27 18:52
m31
0
mmx napisał(a):

Dlaczego w poniższym kodzie po odpaleniu pierwszej części kodu el.classList.add('compact'); nie działa? console.log('Clicked'); działa

if(document.querySelector('#header-search.compact')){
    var el = document.querySelector('#header-search.compact');
        el.addEventListener('click', function() {
            el.classList.remove('compact');
    });
}

if(document.getElementById('header-search')){
    document.querySelector('#header-search .close').addEventListener('click', function() {
        var el = document.getElementById('header-search');
        console.log('Clicked');
        el.classList.add('compact');
    });
}

Tutaj błędu nie masz, musi być coś nie tak z samym elementem. Pojawia się jakiś błąd w konsoli? Kiedy zamiast console.log("Clicked") dasz console.log(el) to co się pojawia?

Pozostało 580 znaków

2019-08-27 18:58
mmx
0

Zwraca

<div id="header-search" class="">

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0