[javascript/jquery] javascript 정규식으로 태그 제거하는 방법

[javascript/jquery] javascript 정규식으로 태그 제거하는 방법

 

 

javascript 에서

 

특정 엘리먼트의 태그를 제거하고

 

안에 있는 텍스트만 추출해야하는 경우가

 

종종 있습니다.

 

그럴때는 아래와 같이 replace 와 정규식을 활용해서

 

추출이 가능합니다!

 

 

예를들어,

 

아래와 같이 div 와 span 태그로 구성된 엘리먼트가 있다고 가정하고,

<div class="test">
  <span>testing</span>
</div>

 

위 test라는 클래스를 가진 엘리먼트를

 

아래와 같이 str 라는 변수가 담고,

 

그걸 정규식을 이용해 추출한 결과를 result 에 담습니다!

var str = document.querySelector(".test");
var result = str.innerHTML.replace(/<[^>]*>?/g, '');

 

그리고는 아래처럼,

 

console.log 로 출력해보면

console.log(result);
// testing

 

결과는 testing 가 출력됩니다!

 

참고들 하세요!