Javascriptでstyle.floatを設定するクロスブラウザの方法はありますか？

Question

通常、JavaScriptでスタイル属性を設定する必要がある場合は、次のようにします。

element.style.attribute = "value"; 

多少のバリエーションがありますが、通常、属性名はcamelcasedですがHTML属性名と似ています。

私の問題は、float属性が機能しないことです。 FloatはJavaScriptのキーワードなので、style.floatはすべてのJavaScriptをページ区切りにします。 MSDNを見て、styleFloatを次のように使います：

element.style.styleFloat = "value"; 

IEでしか動作しません。 Firefox、Safari、Chrome、Opera - いずれも答えがないようです。どこが間違っていますか？これには簡単な答えが必要です。

Answer 1

使用cssFloat ...

element.style.cssFloat = "value"; 

IE 8除くすべてで動作し、古いが、あなたは常にブラウザおよびスイッチを検出、または単にそれらの両方を設定することができます。残念ながら、すべてのブラウザで動作するスタイル値を1つだけ設定する方法はありません。

だから、あなたはフロートを設定する必要が皆をまとめるために、ちょうど言う：

element.style.styleFloat = "value"; 
element.style.cssFloat = "value"; 

がどこでも動作する必要があること。

Answer 2

よりよい：

element.style.styleFloat = element.style.cssFloat = "value"; 

Answer 3

これは、関数のスニフアプローチです：

if (typeof elmt.style.cssFloat != "undefined") 
    elmt.style.cssFloat = "none"; 
else 
    elmt.style.styleFloat = "none"; 

しかし、通常、我々は、この検出を気にする必要はありません。私は以下のようにクロームとuser2719099のアプローチをテストした：

 elmt.style.cssFloat = elmt.style.styleFloat = "none"; 
     console.log(elmt.style.cssFloat, elmt.style.styleFloat); 

、結果はコンソールではかなり良いです：

none none