Access the -webkit- vendor prefix in JavaScript

Question

If I were writing a JavaScript line to set a style attribute of an element it could look like this (this example: \"width\"):

document.getElementById(\'myDiv         


        

Answer 1

If you don't want to keep digging up those pesky style properties and their naming conventions you can always use jQuery to keep it simple.

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

Answer 2

One possibility would to use for example jquery, to make it easy. If you want a pure javascript solution, then read this: http://www.javascriptkit.com/javatutors/setcss3properties.shtml

Answer 3

You have two options:

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

The first directly works. The second notation is called camel case, and foo-bar-baz becomes fooBarBaz. As a result, when a non camel case string starts with -, the first letter is capitalized in camel case.