javascript - 在 JavaScript 中访问 -webkit- vendor 前缀

Question

如果我正在编写一个 JavaScript 行来设置一个元素的样式属性，它可能看起来像这样(这个例子:“width”):

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

如果 CSS 元素中有破折号，它看起来像这样(这个例子:“margin-top”):

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

但是如果我想给它一个像这个例子这样的样式，我该如何访问前缀 -webkit-:

{-webkit-transition: width 1s;}

Answer 1

你有两个选择:

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

第一个直接工作。第二种表示法称为驼峰式大小写，foo-bar-baz 变为 fooBarBaz。因此，当非驼峰式字符串以 - 开头时，第一个字母在驼峰式中大写。