Javascript Abfrage funktioniert bei Inserttag nicht

[derRenner]

Hallo,

ich frage via JS eine Klasse ab und setze bei true im parent-Element eine Klasse.
Die Abfrage bezieht sich auf ein Eventmodul und erfolgt in einem angepassten event_upcoming-mytemplate.html5.

Innerhalb eines Artikels wird zweimal das Event-Listenmodul eingesetzt.
einmal als Contentelement 'Modul' und Auswahl des Modules ID 28
einmal als Contentelement 'HTML' mit {{insert_module::28}}

Die JS-Abfrage greift aber nur mit dem CE 'Modul'. Beim Inserttag wird die Klasse nicht gesetzt.

<script type="text/javascript">
  var eventElement = document.querySelector('.event.horn-gallien-horn');
  eventElement.parentElement.classList.add('has-event'); 
</script> 

Die Voraussetzungen .event.horn-gallien-horn sind aber gegeben.
Auch wenn ich die JS-Abfrage im Seitenlayout unter Eigener JavaScript-Code einfüge bleibt der Inserttag unbeachtet.

Hat jemand einen Tipp für mich?

[derRenner]

hab's nun mit jQuery gelöst - warum auch immer, aber das greift auf beide

<script type="text/javascript">
  $(document).ready(function () {
    $('.event.horn-gallien-horn').parent('.tour').addClass('has-event');
  });
</script> 

[Spooky]

Laut deiner Beschreibung kommt die CSS Klasse mehrmals vor. Du hattest aber nur document.querySelector statt document.querySelectorAll benutzt.

[derRenner]

Du hattest aber nur document.querySelector statt document.querySelectorAll benutzt.

oh mann ...
DANKE dir!