Сохраните динамический HTML-класс как переменную JS

Question

Я пытаюсь пометить многошаговую викторину с помощью Google Tag Manager, и единственный способ сделать это для того, что нам нужно, - создать переменную, чтобы отслеживать, на какой странице находится пользователь. Весь этот тест хранится внутри iframe.

Ниже приведен пример для лучшего понимания:

<div class="quiz-page-1">Quiz Page</div>
<div class="quiz-page-2">Quiz Page</div>
<div class="quiz-page-3">Quiz Page</div>
<div class="quiz-page-4">Quiz Page</div>

Я ищу способ сохранить этот изменяющийся класс в одной переменной.

---

Извините, если это было опубликовано ранее. Я ничего не смог найти при поиске.

Answer 1

Я не совсем понимаю вопросы здесь, но, похоже, вам просто нужна глобальная переменная:

для сохранения элемента:

var GLOBAL_CLASS = document.querySelector('.quiz-page-1');

для хранения класса:

var GLOBAL_CLASS = 'quiz-page-1';

для сохранения DOMTokenList классов для этого элемента:

var GLOBAL_CLASS = document.querySelector('.quiz-page-1').classList;