dom.style.-webkit-transform ='rotate(-90deg)';
In Chrome it tell: "Uncaught SyntaxError: Unexpected token -"
views:
43answers:
3
+4
A:
a) The - char is the subtraction operator and is not valid for use as part of an identifier in JavaScript.
b) I would define a pre-existing CSS class that has the behavior that you want, then just append the class to the class attribute:
CSS:
.transform {
-webkit-transform: rotate(-90deg);
}
JavaScript:
document.getElementsByClassName('rotate-button')[0].className += ' transform';
Jacob Relkin
2010-09-17 07:44:47
B=> Ok, this is just a example, can you make this script works. But the value of transform is a variable, so i want to change it in js, not css
Snoob
2010-09-17 07:46:02
Also be aware that `document.getElementsByClassName` is not completely cross-compatible.
Kevin
2010-09-17 07:48:13
I want the class transform in js, not css
Snoob
2010-09-17 07:49:31
The property is `.className` by the way. And you might want to add a space to each end of `transform` to ensure two class names don't run together.
Kevin
2010-09-17 07:49:54
+2
A:
document.getElementsByClassName('rotate-button')[0].style['-webkit-transform'] ='rotate(-90deg)';
- is the minus operator in javascript and you can't use it in a property directly
Knio
2010-09-17 07:48:56
+2
A:
document.getElementsByClassName('rotate-button')[0].style.WebkitTransform = 'rotate(-90deg)';
jerone
2010-09-17 07:50:02