I'm messing with getPropertyValu e (Mozilla et al) and currentStyle (IE)
and have a general function (slightly modified from one originally
posted by Steve van Dongen) for getting style properties:
function GetCurrentStyle ( el, prop ) {
if ( window.getCompu tedStyle ) {
// Mozilla et al
return window.getCompu tedStyle(el, '').getProperty Value(prop) );
} // IE5+
else if ( el.currentStyle ) {
return el.currentStyle[prop];
} // IE4
else if ( el.style ) {
return el.style[prop];
}
}
If property names have no hyphen (e.g. width, height) then all is fine.
But with hyphenated names (e.g. margin-right, border-top) Mozilla
wants them unmodified and IE wants them camelCased (marginRight, borderTop).
Is there a simple RegExp that will camelCase hyphenated strings? I can
do it with a loop and string operations but would prefer to use a single
RegExp if possible.
The following works fine using substring (for s having 0 or more
hyphens) but is there a simpler way?
function toCamel ( s ) {
s = s.split('-');
var i=0, j=s.length;
while ( ++i < j ) {
s[0] += s[i].substring(0,1) .toUpperCase() + s[i].substring(1);
}
return s[0];
}
I've tried using RegExp but can't get a simple expression without
looping - property names have up to 3 (or more? three-d-light-shadow)
hyphens, a RegExp with global flag should be possible.
Any suggestions?
--
Rob
Comment