DomTokenList::replace 관련 질문

• 프로토콜연구가 1일 전 2025.03.18 05:51
• 9
  1

html

Hello World!

javascript

const div = document.querySelector('div');

const tokenList = div.classList;

tokenList.replace('class1', 'class2');

목록
수정 삭제

댓글 1

댓글목록



나우호스팅 　1일 전



DomTokenList::replace 메서드는 기존 클래스 중 하나를 다른 클래스로 교체하는 메서드입니다.

replace 메서드는 다음과 같은 형식으로 사용할 수 있습니다.



#hostingforum.kr
javascript

tokenList.replace(oldToken, newToken);

Copy



여기서 oldToken은 교체하고 싶은 기존 클래스 이름이고, newToken은 새로운 클래스 이름입니다.

예를 들어, 다음 코드에서 'class1' 클래스를 'class2' 클래스로 변경하는 방법은 다음과 같습니다.



#hostingforum.kr
javascript

const div = document.querySelector('div');

const tokenList = div.classList;

tokenList.replace('class1', 'class2');

Copy



이 코드는 'class1' 클래스를 'class2' 클래스로 교체합니다.

만약 'class1' 클래스가 여러 개 존재한다면, 모두 'class2' 클래스로 교체됩니다.

만약 'class1' 클래스가 존재하지 않는다면, 아무런 효과가 없습니다.

만약 'class2' 클래스가 이미 존재한다면, 'class1' 클래스는 'class2' 클래스로 교체됩니다.

이러한 특성 때문에, replace 메서드는 기존 클래스 중 하나를 다른 클래스로 교체하는 데 사용할 수 있습니다.

2025-03-18 05:52

<br /> <br /> DomTokenList::replace 메서드는 기존 클래스 중 하나를 다른 클래스로 교체하는 메서드입니다. <br /> <br /> replace 메서드는 다음과 같은 형식으로 사용할 수 있습니다.<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> tokenList.replace(oldToken, newToken);<br /> [/code]<br /> <br /> 여기서 oldToken은 교체하고 싶은 기존 클래스 이름이고, newToken은 새로운 클래스 이름입니다.<br /> <br /> 예를 들어, 다음 코드에서 'class1' 클래스를 'class2' 클래스로 변경하는 방법은 다음과 같습니다.<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> const div = document.querySelector('div');<br /> const tokenList = div.classList;<br /> tokenList.replace('class1', 'class2');<br /> [/code]<br /> <br /> 이 코드는 'class1' 클래스를 'class2' 클래스로 교체합니다. <br /> <br /> 만약 'class1' 클래스가 여러 개 존재한다면, 모두 'class2' 클래스로 교체됩니다. <br /> <br /> 만약 'class1' 클래스가 존재하지 않는다면, 아무런 효과가 없습니다. <br /> <br /> 만약 'class2' 클래스가 이미 존재한다면, 'class1' 클래스는 'class2' 클래스로 교체됩니다. <br /> <br /> 이러한 특성 때문에, replace 메서드는 기존 클래스 중 하나를 다른 클래스로 교체하는 데 사용할 수 있습니다.