Как задать 2 класса в 1 условие?

Question

[SHKD]

Всех приветствую! Я меняю класс css через js

function onEntry(entry) {
    entry.forEach(change => {
      if (change.isIntersecting) {
      change.target.classList.add('scroll-on');
      }
      else {
      change.target.classList.remove('scroll-on');
      }
    });
  }
  let options = {
    threshold: [0.5] };
  let observer = new IntersectionObserver(onEntry, options);
  let elements = document.querySelectorAll('.scroll-off');
  for (let elm of elements) {
    observer.observe(elm);
  }

Вопрос: как быть если я хочу сменить 2 класса css?

Answer 1

[Чипекве]

В add и remove можно прописать и второй класс.
https://developer.mozilla.org/en-US/docs/Web/API/E...

spoiler

entry.forEach((change) => {  
  change.target.classList.toggle('scroll-on', change.isIntersecting);
  change.target.classList.toggle('second-classname', change.isIntersecting);
})

Comments

[SHKD]

Благодарю за ответ! Да, я это понимаю. Проблема в другом.

У меня есть

let elements = document.querySelectorAll('.scroll-off');

let elements = document.querySelectorAll('.menu-off');

так же add и remove на каждый из этих селектов, вопрос в том как это объединить. Чтобы первое наследовало свое, а второе своё.

[SHKD]

Разобрался, там все есть мануале.