[JS] 정규식으로 모든 HTML 태그 제거하기

 

코드

javascript
const reg = /<[^>]*>?/g

String.replace(/<[^>]*>?/g, '');

 

HTML 태그의 형식( < 태그 속성 > </태그> )에서 <>에 싸여있는 태그를 모두 감지할 수 있는 정규식입니다.

해당 정규식을 사용하여 HTML 태그를 매치, 제거할 수 있습니다.

 

https://regexper.com/#%3C%5B%5E%3E%5D*%3E%3F

예시

html
<!-- HTML -->
<div class="box">
  <span>가나다라</span>
</div>

 

위와 같은 HTML 태그를 텍스트로 받아와 아래와 같은 코드로 태그를 제거해주면, 태그가 제거된 가나다라 텍스트만 남게 됩니다.

 

javascript
// JavaScript
const $el = document.querySelector(".box");

const newText = $el.innerHTML.replace(/<[^>]*>?/g, '');

console.log(newText);

 

결과