JavaScript를 사용하여 DOM 요소에서 클래스 이름을 제거하는 방법은 무엇입니까?
2685 단어 javascript
DOM 요소에서 클래스 이름 제거
DOM 요소에서 클래스 이름을 제거하려면 JavaScript를 사용하는 요소의
remove() 속성에서 classList 메서드를 사용할 수 있습니다.red 요소에서 h1라는 클래스 이름을 제거하려고 한다고 가정해 보겠습니다.// first get the reference to the h1 element
const h1 = document.querySelector("h1");
// remove red class name from h1 element
h1.classList.remove("red");
여러 클래스를 동시에 제거하려면 다음과 같이 해당 클래스 이름을 인수로 전달하여 해당 클래스 이름을
remove() 메서드에 전달할 수 있습니다.// first get the reference to the h1 element
const h1 = document.querySelector("h1");
// remove red, border-red, bg-yellow classnames
// from the h1 element at the same time
h1.classList.remove("red", "border-red", "bg-yellow");
JSBin 에서 이 라이브 예제를 참조하십시오.
😃 유용하셨다면 공유해 주세요.
Reference
이 문제에 관하여(JavaScript를 사용하여 DOM 요소에서 클래스 이름을 제거하는 방법은 무엇입니까?), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/melvin2016/how-to-remove-class-names-from-a-dom-element-using-javascript-5g3f텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
