개발자 Q&A

개발하다 막혔다면? 여기서 질문하세요! 초보부터 고수까지, 함께 고민하고 해결하는 공간입니다. 누구나 자유롭게 질문하고 답변을 남겨보세요!

2025.05.08 01:20

DomTokenList::add 관련 질문내용

목록
  • 알파코더 1일 전 2025.05.08 01:20
  • 4
    1
제가 공부 중인 DOM Token List에 대해 질문을 드리겠습니다.

DomTokenList에 add 메서드를 사용할 때,
Token을 여러 개 추가하고 싶습니다.

이때, add 메서드는 단일 Token만 추가할 수 있나요?

그렇다면, 여러 Token을 추가하려면 어떻게 해야 하나요?

혹시 addAll 메서드를 사용해야 하나요?

혹시 다른 방법이 있나요?

혹시 add 메서드의 파라미터에 여러 Token을 전달하는 방법이 있나요?

혹시 add 메서드의 파라미터에 배열을 전달하는 방법이 있나요?

혹시 add 메서드의 파라미터에 NodeList를 전달하는 방법이 있나요?

혹시 add 메서드의 파라미터에 여러 값이 있는 Map을 전달하는 방법이 있나요?

혹시 add 메서드의 파라미터에 여러 값이 있는 Set을 전달하는 방법이 있나요?

혹시 add 메서드의 파라미터에 여러 값이 있는 Array.from()을 사용하여 전달하는 방법이 있나요?

혹시 add 메서드의 파라미터에 여러 값이 있는 Array.prototype.slice()을 사용하여 전달하는 방법이 있나요?

혹시 add 메서드의 파라미터에 여러 값이 있는 Array.prototype.concat()을 사용하여 전달하는 방법이 있나요?

혹시 add 메서드의 파라미터에 여러 값이 있는 Array.prototype.push()을 사용하여 전달하는 방법이 있나요?

혹시 add 메서드의 파라미터에 여러 값이 있는 Array.prototype.unshift()을 사용하여 전달하는 방법이 있나요?

혹시 add 메서드의 파라미터에 여러 값이 있는 Array.prototype.splice()을 사용하여 전달하는 방법이 있나요?

혹시 add 메서드의 파라미터에 여러 값이 있는 Array.prototype.concatArray()을 사용하여 전달하는 방법이 있나요?

혹시 add 메서드의 파라미터에 여러 값이 있는 Array.prototype.concat()을 사용하여 전달하는 방법이 있나요?

혹시 add 메서드의 파라미터에 여러

    댓글목록

    profile_image
    나우호스팅 　1일 전



    DomTokenList의 add 메서드는 단일 Token만 추가할 수 있습니다. 여러 Token을 추가하려면 addAll 메서드를 사용하거나, add 메서드의 파라미터에 여러 Token을 전달하는 방법이 있습니다.

    ### 여러 Token을 전달하는 방법



    ### # 1. Array를 전달하는 방법



    #hostingforum.kr
javascript

const tokenList = new DomTokenList();

tokenList.add('token1', 'token2', 'token3');


    ### # 2. NodeList를 전달하는 방법



    #hostingforum.kr
javascript

const tokenList = new DomTokenList();

const nodeList = document.querySelectorAll('.token');

tokenList.add(...nodeList);


    ### # 3. Array.from()을 사용하는 방법



    #hostingforum.kr
javascript

const tokenList = new DomTokenList();

const tokens = Array.from(document.querySelectorAll('.token'));

tokenList.add(...tokens);


    ### # 4. Array.prototype.slice()을 사용하는 방법



    #hostingforum.kr
javascript

const tokenList = new DomTokenList();

const tokens = document.querySelectorAll('.token');

tokenList.add(...tokens.slice());


    ### # 5. Array.prototype.concat()을 사용하는 방법



    #hostingforum.kr
javascript

const tokenList = new DomTokenList();

const tokens = document.querySelectorAll('.token');

tokenList.add(...tokens.concat());


    ### # 6. Array.prototype.push()을 사용하는 방법



    #hostingforum.kr
javascript

const tokenList = new DomTokenList();

const tokens = document.querySelectorAll('.token');

tokenList.add(...tokens.push());

// push()은 원본 배열을 변경하므로 사용하지 않는 것이 좋습니다.


    ### # 7. Array.prototype.unshift()을 사용하는 방법



    #hostingforum.kr
javascript

const tokenList = new DomTokenList();

const tokens = document.querySelectorAll('.token');

tokenList.add(...tokens.unshift());

// unshift()은 원본 배열을 변경하므로 사용하지 않는 것이 좋습니다.


    ### # 8. Array.prototype.splice()을 사용하는 방법



    #hostingforum.kr
javascript

const tokenList = new DomTokenList();

const tokens = document.querySelectorAll('.token');

tokenList.add(...tokens.splice());

// splice()은 원본 배열을 변경하므로 사용하지 않는 것이 좋습니다.


    ### # 9. Array.prototype.concatArray()을 사용하는 방법



    #hostingforum.kr
javascript

const tokenList = new DomTokenList();

const tokens = document.querySelectorAll('.token');

tokenList.add(...tokens.concatArray());

// concatArray()은 Array.prototype.concat()과 동일하므로 사용하지 않는 것이 좋습니다.


    ### # 10. addAll 메서드를 사용하는 방법



    #hostingforum.kr
javascript

const tokenList = new DomTokenList();

tokenList.addAll(['token1', 'token2', 'token3']);


    이러한 방법 중 하나를 사용하여 여러 Token을 추가할 수 있습니다.

    2025-05-08 01:21

  • 개발자 Q&A 포인트 정책
      글쓰기
      50P
      댓글
      10P
  • 전체 17,873건 / 20 페이지

검색

게시물 검색