[Javascript] 동일한 이름은 가진 클래스에 동작부여하기

개발을 하다보면 동일한 이름을 가진 클래스에 동작을 부여해야 할 경우가 많이 있다.

 

이럴 경우 아래의 두가지 코드를 사용하면 가장 상위의 클래스만 반영이 된다.

document.querySelector('.className')

$('.className)

 

 

따라서 동일한 이름을 가진 클래스를 이용할때에는

이 코드를 이용한다.

document.querySelectorAll('.className')

 

사용방법

var className = document.querySelectorAll('.className');
//IE에서도 동작하기 위해 Array를 호출 해 사용했다.
Array.prototype.forEach.call(className, function(k, v){ 	
	console.log(k) //k는 document.querySelector('.className');
    console.log(v) //v는 인덱스 ex) 0, 1, 2.... 
});