WebComponent custom elements 질문 (수정)

[코딩초보]

class TimeInput extends HTMLElement {

              connectedCallback(){
                let sele = document.createElement('select');
                sele.setAttribute('class', 'xxx');
                sele.setAttribute('name', 'aaa');
               
                this.appendChild(sele)
               let opt= document.createElement('option');
                for(var i=0; i<24; i++){
                  let opt= document.createElement('option');
                opt.value = String(i).padStart(2, 0);
                opt.text = String(i).padStart(2, 0)+'시';
                sele.appendChild(opt)
                }
               
              }
            }

            customElements.define('time-input', TimeInput)

이런식으로 커스텀 한 후 <time-input></time-input>을 해놓으면

<select class="xx" name="aa"/> ... 이 만들어지는 것은 알았습니다. 그러면 저 for문 안에서 option에 삼항연산자 자체를 붙이려고한다면 어떻게 해야하나요?  최종적으로 <option (abc==ex ? 'selected' : '') />를 구현하고 싶습니다

[코딩초보]

아 해결되었습니다 그것보다 다른걸 여쭈고싶은데 <time-input class="aa"> 처럼 클래스 aa를 선언하고 이 클래사 aa가 select 태그에만 class가 들어가게 할 수 있나요?

[codingapple]

<time-input class="aa"> 이렇게 사용시 

class TimeInput 안에서 this.getAttribute('class') 하면 aa가 출력됩니다

그걸 원하는곳에 넣으면 됩니다

[글쓴이]

글