JavaScriptの-WebKit-ベンダープレフィックスにアクセスしてください

Question

私が要素のスタイル属性を設定するためのJavaScript行を書いていたら、このように見える可能性があります（この例： "width"）：

document.getElementById('myDiv').style.width="50px";

.

そしてCSS要素にダッシュがある場合は、このようになります（この例： "margin-top"）：

document.getElementById('myDiv').style.marginTop="15px";

.

しかし、この例のようなスタイルを与えたい場合は、Prefix -webkit-にアクセスする方法：

{-webkit-transition: width 1s;}

.

Answer 1

2つのオプションがあります。

• style["-webkit-transition"]
• style.WebkitTransition

  最初の直接機能。2番目の表記はキャメルケースと呼ばれ、foo-bar-bazはfooBarBazになります。その結果、非キャメルケースストリングが-で始まると、最初の文字はキャメルの場合に資本化されます。

Answer 2

これらのPeskyスタイルのプロパティとその命名規則を掘り続けたくない場合は、常にjQueryを使ってシンプルに保つことができます。

$('#myDiv').css("-webkit-transition", "value");

.

Answer 3

jQueryの1つの可能性はそれを容易にするために使用するでしょう。 純粋なJavaScriptソリューションが必要な場合は、次のようにします。 > http://www.javascriptkit.com/javatutors/setcss3properties.shtml