Javascript - Uncaught TypeError: Не удается прочитать свойство 'classList' из null

Question

Как проверить, имеет ли элемент, на который я нажимаю, список классов?

let dropdown = target.nextElementSibling.classList.contains('form__select-dropdown') 

Мой код является ошибкой в ​​этой строке, когда элемент, на который я нажимаю, не имеет класса, прикрепленного к нему.

Это имеет смысл.

Однако я только хочу код ниже, чтобы работать, если nextElementSibling имеет класс form__select-выпадающее меню:

 if (!selectTag && dropdown) { 
      target.querySelector('.form__select-dropdown').classList.remove('active') 
     } else { 
      target.nextElementSibling.classList.toggle('active') 
     } 

Так что мне нужно проверить, если target.nextElementSibling.classList существует, прежде чем я делаю свое состояние, чтобы избежать ошибка, но я не уверен, как это сделать?

Answer 1

Ваша проблема заключается в том, что target не всегда имеет nextElementSibling; вы должны проверить, есть ли это null, прежде чем продолжить.

let next = target.nextElementSibling 
let dropdown = next && next.classList.contains('form__select-dropdown') 

---

А в коде:

if (!selectTag && dropdown) { 
     target.querySelector('.form__select-dropdown').classList.remove('active') 
    } else { 
     next && next.classList.toggle('active') 
    }