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

我只是想将一个类添加到影子根内部的元素。我正在使用 coffeescript 在原子内部进行此操作...这是从我的类(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

我已经创建了元素，并向其中添加了click事件，然后将其添加到我的影子根元素中，然后清除原始变量。

在运行时，该元素在影子根目录中看起来很好，并且控制台日志显示click事件确实在运行，但是未添加'open'类吗？

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

最佳答案

通过将胖子区域更改为细箭头来解决此问题!

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

关于javascript - 将类添加到影子根内部的元素，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36678657/