シャドウ・ルート内の要素にクラスを追加する

Question

シャドウ・ルート内の要素にクラスを追加しようとしています。私のクラス内で撮影された問題のスニペットは以下の通りです：coffeescript私は要素を作成しました

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 

、私はその後、私の影のルート要素に追加して、元の変数をクリアしていた、それにクリックイベントを追加しました。

実行時に、この要素がシャドウルート内で正常に表示され、コンソールログにclickイベントが実行されたことが表示されますが、 'open'クラスは追加されません。

解決済み：この回答をベストアンサーに選ぶ

Answer 1

脂肪領域を細い矢印に変更することでこれを解決することができました。

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