본문 바로가기
Script/Javascript

자바스크립트 HTML 태그 제거 예제

by 애플 로그 2021. 2. 24.
반응형

자바스크립트 HTML 태그 제거 예제  

 

html tag를 제거해야하는 상황에 사용하면 효율적 이다.

정규 표현식을 사용하여 빈값으로 치환하는 코드를 넣었다.

 

 

        function deleteHtml( htmlTxt)
        {
             htmlTxt =  htmlTxt || '';
             htmlTxt =  htmlTxt.replace(/<\/p>/ig, "</p>\n"); // </p> 태그를 </p> + 엔터로 변경
             htmlTxt =  htmlTxt.replace(/&nbsp;/ig, " "); // 공백
             htmlTxt =  htmlTxt.replace(/<br>/ig, "\n"); // <br>을 엔터로 변경


            // HTML 태그제거 정규표현식 사용
             htmlTxt =  htmlTxt.replace(/<(\/)?([a-zA-Z0-9]*)(\s[a-zA-Z0-9]*=[^>]*)?(\s)*(\/)?>/ig, "");
            return  htmlTxt;
        }

 

테스트 코드 : 

 

var html = '<!DOCTYPE html>';
html += '<html lang="ko">';
html += '<head>';
html += ' <meta charset="UTF-8">';
html += ' <title>ynkim demo</title>';
html += '</head>';
html += '<body>';
html += 'body 내용 입니다.<br>';
html += '<p>';
html += 'p 태그 안에 내용 입니다.';
html += '</p>';
html += '';
html += '</body>';
html += '</html>';



var result  = deleteHtml(html);



console.log(result);

 

결과값 : 

 

 body 내용 입니다.
p 태그 안에 내용 입니다.

 

 

 

댓글