JavaScript 요소의 값만 가져오기

 

만약 아래 사이트에서 1주 수익률 값만 가져온다고 했을 때

해당 위치의 Elements를 확인해 보면

 

yield 클래스로 1주 수익률이 감싸져있는 것을 확인할 수 있습니다.

document.querySelector("div[class=yield]");

querySelector을 사용하여 위와 같이 yield 클래스를 가져오면

아래와 같이 해당 태그들이 나옵니다 

여기서 제목은 빼고 1주 수익률만 가져올 것이기 때문에 statePt 클래스만 가져옵니다.

document.querySelector("strong.statePt");

여기서 태그를 제외한 값만 가져오기 위해서 .textContent를 사용합니다.

 

아래와 같이 입력해주면

document.querySelector("strong.statePt").textContent;

원하는 값만 가져올 수 있습니다.