var track = document.querySelector("track_1"), track_1_div = document.getElementById("track_1"); track_1.addEventListener('cuechange', function () { let cues_1 = track_1.track_1.activeCues; // array of current cues console.log("cuechange", cues_1, cues_1[0].text, cues_1[0].startTime, cues_1[0].endTime); var d_1 = JSON.parse(cues_1[0].text); console.log("d_1",d_1); track_1_div.innerHTML = d_1.title; var old = document.querySelector(".now_playing"); if (old) { old.classList.remove("now_playing"); } var playing = document.getElementById(d_1.title); playing.classList.add("now_playing"); console.log("playing",playing); });