Почему моя интуитивная декларация не работает?

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, поэтому извините свою наивность. Три верхние объявления работают, но если я использую четвертый (как и раньше), это не так. Итак, хотя теперь я знаю, как можно изменить маркер-верх, нажав кнопку, кто-то может рассказать мне о том, что не так с четвертым.

Благодаря

Answer 1

get.style.margin-top представляет собой арифметическое выражение, которое не может быть левая сторона присваивания. Это как сказать (x - y) = z, который может работать в Prolog, но не в JavaScript, и это не то, что вы хотите сделать в любом случае.

Попробуйте

get.style.marginTop = ... 

вместо за How do I set the margin of an object with javascript?

Answer 2

Вы не можете иметь дефис в качестве идентификатора (так как он становится оператор вычитания).

Имена объектов при использовании точечных обозначений являются идентификаторами.

Отображение свойств JavaScript и свойств CSS заключается в использовании camelCase вместо переносов.

So: marginTop не margin-top.