在阴影根中添加类到元素

时间:2016-04-17 15:45:47

标签: javascript html coffeescript shadow-dom

我只是想在阴影根中添加一个元素。我使用 coffeescript 在atom中执行此操作...以下是从我的课程中获取的问题片段。

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事件,然后我将其附加到我的shadow root元素,然后清除原始变量。

在运行时,元素在阴影根中显示正常,控制台日志显示click事件确实运行,但是没有添加'open'类?

已解决:我自己管理这个问题:在下面回答。

1 个答案:

答案 0 :(得分:0)

通过将胖区改为细箭来管理解决这个问题!

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