지정된 클래스의 첫 번째 요소를 찾는 방법

Question

HTML 마크 업을 보겠습니다. 적절한 클래스의 첫 번째 요소를 찾으려면 어떻게해야합니까 (예 : myclass 인 모든 div을 찾으려는 경우).

Answer 1

document.getElementsByClassName(yourClass)[0] 

document.getElementsByClassName(yourClass)는 [0] 처음 도착 배열에 일치하는 모든 요소를 ​​얻는다. 이전의 IE를 들어

:

var match, i = 0, 
    divs = document.getElementsByTagName('div'); 
while(!match && divs[i]) { 
    if(divs[i].className.match(yourClass).length) { 
     match = divs[i]; 
    } else { 
    i++; 
    } 
} 
console.log(match); 

Answer 2

당신이 jQuery를 같은 솔루션은 매우 간단합니다, 프레임 워크를 사용하여 상관 없어.

$("div.myclass").first(); 

그렇지 않은 경우 이미 thread이 있습니다.

Answer 3

document.querySelector('.yourClass')

는 일치 선택