모든 <a> 태그를 살펴보고 href를 변경하려면 일반 자바 스크립트를 어떻게 사용합니까?

Question

페이지에 많은 태그가 있습니다. 어떻게 모두 루프를 돌리고 "href"를 "http://example.com"으로 바꿉니 까?

(jQuery를 사용하지 않는)

Answer 1

var links = document.getElementsByTagName("a"); 
for (var i = 0; i < links.length; i++) { 
    links[i].href = "http://example.com"; 
} 

Answer 2

당신은 href 속성을 변경하는 그들을 통해 모든 링크, 다음 루프를 가져 getElementsByTagName()를 사용해야합니다.

var links = document.getElementsByTagName('a'); 

if(links) { // if none are found, do not continue 
    for(var i = 0; i < links.length; i++) { 
     links[i].href = 'http://example.com/'; 
    } 
} 

Answer 3

var links = document.getElementsByTagName("a"); 
for (i=0;i<links.length;i++) 
    links[i].href = "http://example.com"; 

Answer 4

당신은 document.links 모음을 사용할 수 있습니다. W3C에 의해 정의되고 모든 일반 브라우저에서 지원됩니다.

또한 <a> 요소뿐만 아니라 <area> 태그 (클라이언트 이미지 맵에서 일반적으로 사용됨)에 액세스 할 수 있습니다.

for(var i=0; i < document.links.length; i++) { 
    document.links[i].href = "http://example.com"; 
} 

Answer 5

for(var i=0,L=document.links.length;i <L; i++) { 
    document.links[i].href = "http://example.com"; 
} 

또는 20 킬로바이트 라이브러리를로드하고 좀 덜 코드를 작성합니다.