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

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.