링크 위치 업데이트 : x 위치 오류에 추가

Question

자바 스크립트를 사용하여 내 링크를 이동하고 있습니다. 그러나 divs x 또는 y 값에 10 픽셀을 추가하려고하면 오류가 발생합니다. 결과는 NAN 값입니다.

왜 이런 일이 발생합니까? 귀하의 질문에 심하게 구성되어 있고 실제 코드가 순서대로 표시하지 않는 가정

// This is how I get the divs x position 
var x = document.getElementById("blockID").style.left; 
x = parseInt(x, 10); 

var xPos = new Array(x+10, x+20, x+30); 
// results in xPos[0] = nan; xPos[1] = nan; xPos[2] = nan; .... 

var xPos = new Array(10, 20, 30); // this works 
// results = xPos[0] = 10; xPos[1] = 20; .... 

// PS I do set the divs x value in CSS 
blockID { z-index: 60; position: absolute; top: 26px; left: 160px; margin: 0; padding: 0; } 

Answer 1

...

속성의 style.* 시리즈는 스타일에 매핑 HTML 문서의 속성, 하지 캐스케이드를 통해 계산 된 스타일.

스타일 속성 대신 스타일 시트에 left을 설정하면 style.left은 undefined이됩니다.

는