HTML

[HTML] 태그 제거하고 텍스트 추출하기

2024. 10. 28. 10:25
목차
  1. 1. 문제점
  2. 2. 문제 해결

1. 문제점

엄청나게 많은 테그에 있는 텍스트만 추출하고 싶은데 쉽지 않다. 따라서 간단하게 추출할 수 있는 방법을 알아보았다.

 

 

2. 문제 해결

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    // 요기에 추출할 모든 거 넣기
</body>
<script>
// body 내의 모든 텍스트를 추출
const bodyText = document.body.textContent;
console.log(bodyText);
</script>
</html>

<body> 태그 안에 다 때려넣고 라이브 서버 실행하면 브라우저 console에 텍스트만 남는다.

 

요렇게 나오고 텍스트 정리하자.

  1. 1. 문제점
  2. 2. 문제 해결
돌맹이떼굴떼굴
돌맹이떼굴떼굴
돌맹이떼굴떼굴
떼굴떼굴개발자
돌맹이떼굴떼굴
전체
오늘
어제
  • 분류 전체보기 (137)
    • C언어 (6)
      • 홍정모 C언어 (6)
    • 자바 (1)
      • 자바의 정석 Ch.7 객체지향 프로그래밍 II (22)
      • 이것이 자바다 (1)
    • 스프링의 정석 (38)
      • Ch. 02 Spring MVC (34)
      • Ch. 03 Spring DI와 AOP (1)
      • spring error (2)
    • JavaScript (7)
    • HTML&CSS (2)
      • 제대로 파는 HTML CSS - by 얄코 (1)
    • React.js, 스프링 부트, AWS로 배우는 .. (12)
    • BACKJOON, 백준 (7)
    • 프로그래머스 (1)
    • Error (10)
      • Java (5)
    • Spring (5)
    • JPA (2)
    • Vue (1)
    • Git (5)
    • Linux (0)
    • HTML (1)
    • DB (3)
    • Web (2)
    • 잡다 (1)
    • 개발 프로젝트 (2)
    • doom (1)
    • 취업 (3)
    • Network (0)
    • 재테크 (2)
    • 일상 (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 비전공개발자
  • 비맥스
  • 비맥스메타
  • 비맥스가격
  • 향기부각로션
  • 애크논크림
  • 비전공
  • 온유약국
  • 취업연계
  • 종로5가약국
  • 세타필로션
  • 세타필세라마이드로션
  • 아로나민골드
  • kosa혜화
  • KOSA
  • 갈더마
  • 향기지속로션
  • 비맥스메타정
  • 고보습로션
  • 보령약국

최근 댓글

최근 글

hELLO · Designed By 정상우.
돌맹이떼굴떼굴
[HTML] 태그 제거하고 텍스트 추출하기
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.