установка значения с плавающей точкой из Javascript

Question

У меня проблемы с настройкой чего-либо, что всплывает прямо в JS. Мой код выглядит следующим образом:

var closebutton = document.createElement('div');
closebutton.style.styleFloat = "right";
alert(closebutton.style.styleFloat);
closebutton.style.background = "#f00";
closebutton.innerHTML = '<a href="">&#10006;</a>';
titlebar.appendChild(closebutton);

Фон элемента действительно красный, и при загрузке страницы выдает предупреждение "вправо". Тем не менее, div не является правильным. Firebug не показывает следов поплавка. В консоли ошибок нет ошибок или предупреждений.

Я в тупике!

Обновление:
Как и предполагалось, я также попытался:

closebutton.style.float = 'right';

Это также не работает и выделяется ярко-красным в моем текстовом редакторе (gedit)

Answer 1

Стандартный способ установки стиля с плавающей точкой в ​​JavaScript - это использование свойства cssFloat:

closebutton.style.cssFloat = 'right';

Это работает во всех браузерах, но не в IE, который вместо этого ожидает свойство styleFloat. Поэтому вы можете либо обнаружить браузер и применить соответствующее свойство, либо установить их оба:

closebutton.style.styleFloat = 'right';
closebutton.style.cssFloat = 'right';

Обратите внимание, что float является зарезервированным словом в JavaScript и не может использоваться в точечной нотации. То же относится и к class, например, это другое зарезервированное слово. Вот почему существует другое имя для свойств CSS, которые конфликтуют с зарезервированными словами JavaScript ( Источник ).

Дальнейшее чтение:

• Центр разработки Mozilla: float CSS Proeprty

Answer 2

Вместо closebutton.style.float используйте closebutton.style.cssFloat

Ссылка: Ссылка на объект стиля W3C