Почему не работает функция type на все блоки внутри с классом active?

Question

[S P]

Помогите, пожалуйста решить, почему набор текста происходит только в первой строке с классом active, остальные игнорируются. Как итог внутри блока code весь текст с классом active последовательно самопечатаются.

https://jsfiddle.net/sp_true/wtskpumz/25/

(function type() {
      text = str.slice(0, ++i);
      if (text === str) return;

      lineItem.querySelector('code .active').innerHTML = text;
      let char = text.slice(-1);
      if (char === '<') isTag = true;
      if (char === '>') isTag = false;

      if (isTag) return type();
      setTimeout(type, 20);
    }());
  }

Answer 1

[Антон Неверов]

querySelector получает 1 элемент. Используйте querySelectorAll.

Comments

[S P]

с All не работает код

[Антон Неверов]

Сергей Пономарёв, потому что из querySelectorAll возвращается массив, а не элемент. Этот массив нужно перебирать и каждому элементу давать необходимое свойство.

[Дмитрий Беляев]

Антон Неверов, не массив, а NodeList, это разные вещи, хотя сути не меняет, по коллекциям нужно итерироваться

[S P]

Все таки не очень понятно, почему срабатывает на один active, а не ко всем active в блоке

[Stalker_RED]

Сергей Пономарёв, потому что querySelector возвращает только один, первый попавшийся элемент подходящий под селектор.
Если вам нужно обработать все такие элементы, то нужно использовать querySelectorAll, я вам об этом еще в предыдущем вопросе писал.