Question

js怎么控制CSS3里的带有前缀的属性

js怎么控制CSS3里带有前缀的属性？如div{-webkit-boder-radius:25px}
怎么用js将其值变为50px？

Answer 1

楼上用的jQuery，我回答下js怎么做：

1、使用DOM获取到要修改的element，假设这个div的id=”container“：

var elem = document.getElementById("container");

2、修改elem的样式：

elem.style.cssText = "-webkit-border-radius:50px";

注意！getElementById()返回的是元素引用，如果你使用getElementsByTagName或者getElementsByClassName，返回的是数组。还有问题可以追问。

Answer 2

我用jQuery:

$("div").css({"-webkit-boder-radius":"50px"});

Answer 3

我觉的你还是写两个class 比较好
有需要时 用 className 来改变

将CSS HTML JS 分隔开，这样也便于管理