div 내의 모든 링크 대상 - 자바 스크립트

Question

특정 div 내의 링크를 타겟팅하려고합니다. 그래서 같은 모든 링크를 대상으로하는 방법을 이해 :

var colors = [ 'BlueViolet', 'CadetBlue', 'Coral', 'Crimson', 'DarkGoldenRod', 'DarkOliveGreen'], 
    a = document.getElementsByTagName('a'); 

for(var i = 0; i < a.length; i++) { 
    var elem = a[i], 
     color = colors[0]; 
    elem.style.color = color; 
    colors.push(color); 
    colors.shift(); 
} 

물론, 모든 링크를 겨냥한 : http://lexicantest.tumblr.com/

특정 ID/클래스 내의 모든 링크를 대상으로 저를위한 방법이 있나요? ID에 대한

Answer 1

:

당신이 클래스에서 잡아하려는 경우 각 클래스를 잡아 다음 앵커 태그의 각 세트를 잡아해야 ...

var divs = document.getElementsByClassName('className'); 
for (var i = 0; i < divs.length; i++) { 
    var a = divs[i].getElementsByTagName('a'); 
    for (var j = 0; j < a.length; j++) { 
     var elem = a[j], 
      color = colors[0]; 
     elem.style.color = color; 
     colors.push(color); 
     colors.shift(); 
    } 
} 

기본적으로 당신은 모든 링크를 얻는 것과 동일한 개념을 따릅니다. 유일한 차이점은 문서를 참조로 사용하지 않는다는 것입니다. 먼저 원하는 div를 잡고, 거기에서 모든 앵커 태그 배열을 가져옵니다.