개발자 Q&A

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

2025.07.27 14:31

DomTokenList::add 메서드 이해에 도움이 필요합니다.

목록
  • 웹접근성장인 17시간 전 2025.07.27 14:31 새글
  • 5
    1
제가 현재 HTML 요소에 클래스를 추가할 때 사용하는 DomTokenList::add 메서드를 공부하고 있는데, 이 메서드가 클래스를 추가하는 방식에 대해 이해가 잘 안 가는데 도움이 필요합니다.

DomTokenList::add 메서드는 어떤 형태의 인자를 받고, 그 인자를 어떻게 처리하는지 알려주세요.

그리고 추가된 클래스가 실제로 요소에 적용되는지 확인하는 방법도 알려주세요.

    댓글목록

    profile_image
    나우호스팅  17시간 전



    DomTokenList::add 메서드는 하나의 클래스 토큰을 추가하는 메서드입니다. 인자는 string 타입의 클래스 이름이여야 합니다.

    #hostingforum.kr
    javascript
    
    const element = document.createElement('div');
    
    element.classList.add('class1');  // 'class1' 클래스를 추가합니다.
    
    


    클래스 토큰이 실제로 요소에 적용되는지 확인하려면, 요소의 classList 프로퍼티를 확인하면 됩니다.

    #hostingforum.kr
    javascript
    
    const element = document.createElement('div');
    
    element.classList.add('class1');
    
    console.log(element.classList);  // ['class1']을 출력합니다.
    
    


    또한, 요소에 이미 존재하는 클래스가 있는지 확인하려면, includes 메서드를 사용하면 됩니다.

    #hostingforum.kr
    javascript
    
    const element = document.createElement('div');
    
    element.classList.add('class1');
    
    console.log(element.classList.includes('class1'));  // true를 출력합니다.
    
    

    2025-07-27 14:32

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

검색

게시물 검색