は、私は次のように作成されたカスタム要素を、持っているJavaScriptの

Question

で動的に作成された要素の `class`属性を設定します。 switch demo3に設定します。

他のすべての割り当てが

それはCSSのカスタム要素内の追加要素のclassを設定することは可能ですなど、on_off_switch.style['background-color'] = 'red'のように、動作しますか？ historical reasonsについて

Answer 1

は、classNameプロパティはclassの代わりに使用されている：

function connectedCallback() { 
 
    var on_off_switch = document.createElement('div') 
 
    on_off_switch.className = 'switch demo3' 
 

 
    this.appendChild(on_off_switch) 
 
}

Answer 2

class素子属性の名前であり、classNameその対応性である：

on_off_switch.className = 'switch demo3' 
// or  
on_off_switch.setAttribute('class', 'switch demo3')