JavaScript로 웹 페이지의 모든 링크를 찾는 방법

웹사이트에서 모든 링크를 가져오고 콘솔에 대한 링크를 인쇄하는 방법을 알아보세요.

코드

var links = document.querySelectorAll("a");

for (var i = 0; i < links.length; i++) {
  var link = links[i].getAttribute("href");
  console.log(link);
}

팁:예를 들어 기사 컨테이너 요소(전체 웹 페이지가 아님)의 링크를 사용하는 경우 선택기 방법을 보다 구체적으로 만들어야 합니다. 예를 들어 링크를 가져오려는 기사에 .article 클래스가 있는 경우 :

var articleLinks = document.querySelectorAll(".article a");

그 코드는 더 구체적입니다. 앵커 요소 a의 링크만 가져옵니다. .article 클래스가 있는 상위 요소 내부 .