자바스크립트로 css 스타일속성 가져오는 구문

getComputedStyle() : DOM의 css속성값을 가져오는 함수

//css로 적용되어 있는 DOM의 스타일을 구할 때 사용하는 구문
let ht = getComputedStyle(boxs[index]).height;
   ht = parseInt(ht); //문자열을 숫자로 변환

 

 

parseInt( string, n ) : 문자열을 정수로 바꾸는 함수

• string을 n진법일 때의 값으로 바꾼다. (n은 옵션으로 2부터 36까지 입력할 수 있고, 입력하지 않으면 10으로 처리한다.)
• 소수 부분은 버린다.
• 0x로 시작하면 16진법으로 처리한다.
• string의 처리는 parseFloat()와 거의 같다.

 

parseFloat( string ) :  문자열을 실수로 바꾸는 함수

• 수로 시작할 때 그 수를 실수로 바꾼다.
• 띄어 쓰기로 여러 개의 수가 있으면 첫번째 수만 바꾼다.
• 공백으로 시작하면 공백은 무시한다.
• 수가 아닌 문자로 시작하면 NaN을 반환한다.