Hinzufügen von Klasse zu Element innerhalb des Schattenstammverzeichnisses

Question

Ich versuche einfach, einem Element innerhalb einer Schattenwurzel eine Klasse hinzuzufügen. Ich benutze coffeescript dies innerhalb Atom tun ... Hier ist das Problem Snippet aus meiner Klasse genommen.

createChatTab: (chatTitle = defaultChatTitle) -> 
    chatTab = document.createElement('gh-chat-tab') 
    chatTab.id = "thisWillBeAUniqueID" 
    chatTab.innerText = chatTitle 

# Add click event 
chatTab.addEventListener 'click', => 
    @.className = "open" 

# Add to shadowDom 
@theBar.appendChild(chatTab) 

# Clear the chat tab 
chatTab = null 

ich das Element erstellt habe, hinzugefügt, um es ein Click-Ereignis, das ich dann zu meinem Schatten Wurzelelement bin anhängen und dann die ursprüngliche Variable zu löschen.

In der Laufzeit scheint das Element im Schattenstamm gut zu sein, und ein Konsolenprotokoll zeigt an, dass das Klickereignis ausgeführt wurde, die Klasse "open" jedoch nicht hinzugefügt wurde?

Gelöst: Verwaltet, um diesen selbst zu streiten: Beantwortet unten.

Answer 1

Verwaltet, um dies zu lösen, indem Fettbereich zu dünnen Pfeil geändert wird!

# Add click event 
    chatTab.addEventListener 'click', -> 
    @.className = 'open'