.getElementsByClassName

html 'Class 명'을 기준으로 JS에서 값을 가져와 처리하고 싶을 때

 

var 'A'= document.getElementsByClassName('sample_table')[0]; 로 선언하면 된다.

 

예를 들어 html 상에 <div class ="sample_table"> text </div> 로 선언이 되어 있을 때,

var 'A'= document.getElementsByClassName('sample_table')[0]; 로 선언하여 해당 div를 A로 가져올 수 있다.

 

이 때 중요한 점은 '[0]' 배열 위치 값을 선언해줘야 값을 오류없이 가져온다는 것인데,

이는 다수의 div가 선언될 때 배열로 저장되기 때문에 정확한 배열의 위치를 지정해줘야 값을 가져올 수 있다.