[javascript] 자바스크립트 정규식으로 CSS 스타일 제거

08 Dec 2023

javascript

먼저, HTML 요소에서 style 속성을 제거하려면 다음과 같이 정규식을 사용할 수 있습니다.

let htmlString = '<div style="color: red; background: yellow; font-size: 16px;">내용</div>';
let cleanHtml = htmlString.replace(/ style="[^"]*"/g, '');
console.log(cleanHtml); // '<div>내용</div>'

위 예제에서는 replace 메서드와 정규식 / style="[^"]*"/g를 사용하여 HTML 문자열에서 style 속성을 제거했습니다.

만약 CSS 스타일 시트에서 특정 클래스의 모든 스타일을 제거하려면 다음과 같이 할 수 있습니다.

let cssText = '.myClass { color: red; background: yellow; font-size: 16px; }';
let cleanCss = cssText.replace(/{[^}]*}/g, '{}');
console.log(cleanCss); // '.myClass {}'

위 예제에서는 replace 메서드와 정규식 /{[^}]*}/g를 사용하여 CSS 텍스트에서 .myClass 클래스의 모든 스타일을 제거했습니다.

이렇게 정규식을 사용하여 JavaScript로 CSS 스타일을 제거할 수 있습니다.

참고 문헌: