style.left가 Javascript에서 값을 반환하지 않는 이유는 무엇입니까?

Question

div의 왼쪽 좌표를 확인하려고하지만 어떤 값도 반환하지 않습니다. alert()에서 왼쪽 값을 확인하려고하면 빈 값이 표시됩니다. 도울 수 있니??

브라우저는 파이어 폭스 8.0 아마도

Answer 1

이렇게하면 CSS 속성 left 만 제공됩니다. 실제 좌표를 얻으려면 getClientRects을 사용하십시오.

var rects = document.getElementById("#myDiv").getClientRects(); //This returns a set of rectangles representing the element 
var rect = rects[0]; //There is usually only 1 rectangle 
alert(rect.left); 

디버깅에는 alert을 사용하지 마십시오. 그것이 console.log을위한 것입니다. 그런 다음 Firebug를 설치 한 경우 Chrome 콘솔 또는 Firefox에서 출력을 볼 수 있습니다. alert은 특정 내용을 형식화하므로 잘못 지시 할 수 있습니다. 또한 사용하기에 훨씬 더 성가신 일입니다.

Answer 2

당신이 style.left을 설정하거나 style속성에 CSS left 속성을 설정하지 않았기 때문이다.

element.style은 스타일 속성에 직접 매핑됩니다. 계산 된 스타일을 제공하지 않습니다.

해당 사항은 getComputedStyle을 참조하십시오. CSS left 속성의 값과 반대로 왼쪽 위치를 보려면 offsetLeft을 참조하십시오.

Answer 3

CSS의 값을 설정하고 인라인 스타일 속성을 사용하지 않기 때문에 생각합니다. getComputedStyle()