將類添加到陰影根內部的元素

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事件給它，這我再追加到我的影子根元素，然後清除原始變量。

在運行時，元素在陰影根內顯示正常，並且控制檯日誌顯示click事件已經運行，但是「open」類未被添加？

解決：自己管理這個問題：回答如下。

Answer 1

設法解決這個問題，通過改變脂肪面積爲細箭頭！

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