브라우저 콘솔에서 특정 클래스 스크래핑
// span 태그의 클래스 이름 배열
const classNames = ["_ap3a", "_aaco", "_aacw", "_aacx", "_aad7", "_aade"];
// 클래스 이름을 모두 포함하는 span 태그 선택
const spans = document.querySelectorAll('span');
const collectedTexts = [];
spans.forEach(span => {
// span 태그가 모든 클래스 이름을 가지고 있는지 확인
const hasAllClasses = classNames.every(className => span.classList.contains(className));
if (hasAllClasses) {
collectedTexts.push(span.textContent);
}
});
// 결과 출력
console.log(collectedTexts);
위 예제는 현재일 기준 인스타그램 팔로워/팔로우의 클래스와 태그임.
'Programing > JavaScript' 카테고리의 다른 글
개발자도구만으로 유튜브 자동자막 txt 파일로 스크래핑하기 (4) | 2024.08.26 |
---|---|
JSON.stringify :: JSON serialization (직렬화) (0) | 2024.08.12 |
API key 환경 변수로 설정하기 (.env) (0) | 2024.06.22 |
배열.length : 배열의 아이템 개수 렌더링 하기 (0) | 2024.06.17 |
포매팅 함수 - 데이터를 원하는 형식으로 변환하기 (0) | 2024.06.17 |
댓글