왜 내 직관적 인 선언이 효과가 없습니까?

Question

var get = document.getElementById("t3"); 
get.style.visibility="visible"; 

var get = document.getElementById("answerbutton"); 
get.style="visibility:hidden"; 

var get = document.getElementById("spacer"); 
get.style="margin-top:160px"; 

var get = document.getElementById("spacer"); 
get.style.margin-top="160px"; 

나는 JavaScript에 대해 상당히 익숙하므로 내 순결을 변명한다. 상위 3 개 선언은 작동하지만 앞의 선언을 사용하면 (원래와 마찬가지로) 그렇지 않습니다. 이제 버튼을 클릭 할 때 마진 뚜껑을 바꾸는 방법을 알았지 만 누군가 제 4의 잘못된 점에 대해 제게 밝혀 줄 수 있습니까?

감사

Answer 1

get.style.margin-top은 할당의 왼쪽 측 될 수없는 연산 식이다. Prolog에서는 작동하지만 JavaScript에서는 작동하지 않을 수 있으며 어떤 이벤트에서든 수행하고자하는 것은 아닙니다. (x - y) = z을 말하는 것과 같습니다.

은 (는 뺄셈 연산자되기 때문에) 당신은 식별자에 하이픈을 가질 수 없습니다 대신 How do I set the margin of an object with javascript?

Answer 2

당

get.style.marginTop = ... 

을보십시오.

도트 표기법을 사용할 때 속성 이름은 식별자입니다.

JavaScript 속성과 CSS 속성을 매핑하면 하이픈 대신 CamelCase를 사용합니다.

so : marginTop 아니요. margin-top입니다.