자바스크립트 텍스트 값을 가져오고 싶을 때

안녕하세요. 피 대신 에스프레소가 흐르고 광고를 좋아하는 디지비션입니다:)

광고 실무를 하는데 왜 컴퓨터를 잘 알아야 하는 걸까요?
커피처럼 맛있게, 때로는 감성적으로 디지털마케팅 팁, 다른 말로 해킹(빠르게 나아가기)을 알아보죠!
광고, 홍보, 마케팅 담당자님들 우리 모두 허슬하는척 놀자구요~!

---

급하게 코드가 필요하시다면, 가장 밑에 있습니다~

---

마케팅 실무를 하면서 하는 일이 많다. 그래서 시간을 줄일 수 있는 방법에 자꾸 눈이 간다.
오늘은 Html 구조를 가진 사이트에서 텍스트 값을 가져오는 방법을 공유 하려 한다.

일을 하다 유튜브를 검색했을 때, 검색 결과를 가져와야 하는 경우가 있다.
예를 들어, 동영상은 몇개인지, 채널은 몇개가 있는지 등등….

이런 것을 일일이 눈으로 확인하고 타이핑 하기엔 마케터에게 시간이 없지 않은가?

간단한 방법이 있다.

바로 개발자도구(f12)를 눌러 마우스 포인트 버튼을 누르거나,
ctrl + shift + c 를 같이 눌러 내가 가져오고 싶은 부분을 누르자.

나 같은 경우

나 같은 경우, 홈 CCTV의 동영상 갯수와 채널을 알고 싶었다.
(우리 유튜브 채널의 크기에 대한 영향력 그레이드를 만들고 싶었기 때문에,,,)

위 그림을 보면, 아래와 같이 회색의 음영이 생기는 것을 볼 수 있다.

여기서 ID값을 복사 해주자. (Class 값을 복사해주어도 되지만, 경험상 ID값이 가장 확실하게 값을 찾아주는 것 같다)

그리고 개발자 도구 아래에 있는 Console 창에 아래와 같이 입력하면 된다.

document.getElementById("ID값").innerText

그러면 ID값에 있는 글자를 가져올 수 있다.

이 방법을 토대로 자동화도 가능하다.

마케터여 잡무에서 해방되어라

---

오늘도 읽어주셔서 감사합니다. 뒷모습의 아름다움을 담는 디지비션 =)

 

사진 계정 : @digibition (Instagram)
커피 계정 : @supfo.od (Instagram)
유튜브 : https://www.youtube.com/user/lms9301/videos

minseob Lim