dostęp do -webkit- sprzedawca prefiks w JavaScript

Question

Gdybym napisanie wiersza JavaScript, aby ustawić atrybut stylu elementu mógłby wyglądać następująco (ten przykład: „szerokość”):

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

i jeśli jest myślnik w elemencie CSS to będzie wyglądać następująco (ten przykład: „margin-top”):

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

Ale w jaki sposób mogę uzyskać dostęp do prefiksu -webkit-, jeśli chcę, aby nadać mu styl takiego przykład:

{-webkit-transition: width 1s;} 

Answer 1

Masz dwie opcje:

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

Pierwszy działa bezpośrednio. Druga notacja nosi nazwę przypadku wielbłąda, a foo-bar-baz staje się fooBarBaz. W wyniku tego, gdy ciąg znaków bez wielbłądów zaczyna się od -, pierwsza litera jest pisana wielką literą w przypadku wielbłąda.

Answer 2

Jedną z możliwości jest użycie np. Jquery, aby było to łatwiejsze. Jeśli chcesz czystego roztworu JavaScript, a następnie odczytać następująco: http://www.javascriptkit.com/javatutors/setcss3properties.shtml

Answer 3

Jeśli nie chcesz zachować wykopaniu tych właściwości stylu brzydkie i ich nazewnictwa zawsze można użyć jQuery do keep it simple.

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