DomTokenList::replace 메소드는 DOMTokenList 인터페이스의 메소드 중 하나입니다.
이 메소드는 기존의 토큰을 삭제하고 새로운 토큰을 추가하는 방식으로 동작합니다.
replace 메소드의 내부 프로세스는 다음과 같습니다.
1. 기존의 토큰을 삭제합니다.
- 기존의 토큰이 여러 개일 경우, replace 메소드는 기존의 토큰을 모두 삭제합니다.
- 기존의 토큰이 하나일 경우, replace 메소드는 기존의 토큰을 삭제합니다.
2. 새로운 토큰을 추가합니다.
- 새로운 토큰이 여러 개일 경우, replace 메소드는 새로운 토큰을 모두 추가합니다.
- 새로운 토큰이 하나일 경우, replace 메소드는 새로운 토큰을 추가합니다.
replace 메소드는 기존의 토큰과 새로운 토큰을 교체하는 방식으로 동작하지 않습니다.
기존의 토큰은 삭제되고 새로운 토큰이 추가되는 방식으로 동작합니다.
이러한 방식으로 동작하는 이유는, replace 메소드가 기존의 토큰을 삭제하고 새로운 토큰을 추가하는 방식으로 동작하기 때문입니다.
이러한 방식으로 동작하는 것을 확인하기 위해, 다음의 예제를 살펴보세요.
#hostingforum.kr
html
const myDiv = document.getElementById('myDiv');
const classList = myDiv.classList;
console.log(classList); // classList { "class1", "class2" }
classList.replace('class1', 'class3');
console.log(classList); // classList { "class2", "class3" }
위의 예제에서, replace 메소드는 기존의 토큰 'class1'을 삭제하고 새로운 토큰 'class3'을 추가합니다.
이러한 방식으로 동작하는 것을 확인할 수 있습니다.
2025-08-01 20:00