element.classList.remove(className) 관련 질문

• 쿠버네티스귀신 1일 전 2025.04.23 02:47
• 9
  1

목록

댓글 1

댓글목록



나우호스팅 　1일 전



element.classList.remove(className)은 HTML 요소의 클래스를 삭제하는 메서드입니다.

이 메서드는 특정 클래스를 삭제할 때 사용합니다. 예를 들어,



#hostingforum.kr
html





#hostingforum.kr
javascript

const myDiv = document.getElementById('myDiv');

myDiv.classList.remove('active');



이 경우, myDiv 요소의 클래스 목록에서 'active' 클래스가 삭제됩니다.

element.classList.remove() 함수는 반환값이 없습니다. 따라서, 이 함수를 사용할 때는 반환값을 사용할 수 없습니다.

이 함수는 다음과 같은 에러를 발생시킬 수 있습니다.

- undefined 값을 전달할 경우 TypeError: Cannot read properties of undefined (reading 'includes')
- 클래스 이름이 문자열이 아닌 경우 TypeError: Cannot read properties of undefined (reading 'includes')
- 클래스 이름이 존재하지 않는 경우 아무런 에러도 발생하지 않습니다.

예를 들어,



#hostingforum.kr
javascript

const myDiv = document.getElementById('myDiv');

myDiv.classList.remove(undefined); // TypeError: Cannot read properties of undefined (reading 'includes')





#hostingforum.kr
javascript

const myDiv = document.getElementById('myDiv');

myDiv.classList.remove(123); // TypeError: Cannot read properties of undefined (reading 'includes')





#hostingforum.kr
javascript

const myDiv = document.getElementById('myDiv');

myDiv.classList.remove('non-existent-class'); // 아무런 에러도 발생하지 않습니다.

2025-04-23 02:48

<br /> <br /> element.classList.remove(className)은 HTML 요소의 클래스를 삭제하는 메서드입니다. <br /> <br /> 이 메서드는 특정 클래스를 삭제할 때 사용합니다. 예를 들어, <br /> <br /> [code]#hostingforum.kr<br>html<br /> <div id="myDiv" class="active"></div><br /> [/code]<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> const myDiv = document.getElementById('myDiv');<br /> myDiv.classList.remove('active');<br /> [/code]<br /> <br /> 이 경우, myDiv 요소의 클래스 목록에서 'active' 클래스가 삭제됩니다.<br /> <br /> element.classList.remove() 함수는 반환값이 없습니다. 따라서, 이 함수를 사용할 때는 반환값을 사용할 수 없습니다.<br /> <br /> 이 함수는 다음과 같은 에러를 발생시킬 수 있습니다.<br /> <br /> - undefined 값을 전달할 경우 TypeError: Cannot read properties of undefined (reading 'includes')<br /> - 클래스 이름이 문자열이 아닌 경우 TypeError: Cannot read properties of undefined (reading 'includes')<br /> - 클래스 이름이 존재하지 않는 경우 아무런 에러도 발생하지 않습니다.<br /> <br /> 예를 들어, <br /> <br /> [code]#hostingforum.kr<br>javascript<br /> const myDiv = document.getElementById('myDiv');<br /> myDiv.classList.remove(undefined); // TypeError: Cannot read properties of undefined (reading 'includes')<br /> [/code]<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> const myDiv = document.getElementById('myDiv');<br /> myDiv.classList.remove(123); // TypeError: Cannot read properties of undefined (reading 'includes')<br /> [/code]<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> const myDiv = document.getElementById('myDiv');<br /> myDiv.classList.remove('non-existent-class'); // 아무런 에러도 발생하지 않습니다.<br /> [/code]