使用javascript对动态生成的元素执行webkit转换

时间:2013-11-12 00:33:38

标签: javascript html css html5 css3

我目前正在尝试使用附加到元素的CSS3变换(在本例中为main)来旋转div,但是唉无济于事。

我正在使用的代码位于页面末尾的脚本标记中。

var div = document.createElement("div");
div.innerHTML = "Hello World";
document.getElementById('main').appendChild(div);
div.style.webkitTransform = "rotate(3deg)";
div.style.color = "red"

当删除webkit变换时,颜色样式工作正常,当应用webkit变换时,元素无法呈现的效果如何。

编辑:出于某种原因将其更改为有效...使用Safari和Chrome(两个webkit浏览器)进行测试

div.style.webkitTransform = 'rotate(3deg)';

不确定为什么它不喜欢双引号,可能是因为它们在创建时应用于div的内联样式中打破了双引号。

0 个答案:

没有答案