javascript - 将类添加到影子根内的元素

Question

我只是想将一个类添加到影子根内的元素。我正在使用 coffeescript 在 atom 中执行此操作...这是从我的类(class)中提取的问题片段。

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

我已经创建了该元素，向其添加了一个点击事件，然后我将其附加到我的影子根元素，然后清除了原始变量。

在运行时，该元素在影子根中显示正常，控制台日志显示点击事件确实运行，但未添加“打开”类？

已解决:自己设法解决了这个问题:在下面回答。

Answer 1

设法通过将粗箭头更改为细箭头来解决此问题!

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