CSS-Angaben in Javascript Notation umwandeln

Angeregt durch einen Kommentar habe ich ergänzen zu meiner CSS-Reset Funktion eine weitere Hilfsfunktion geschrieben.

Diese wandelt CSS-Notation wie text-align in Javascript-Notation textAlign um. Nutzt man diese in addStyles, so kann man in dem Parameter-Objekt CSS in der gewohnten Form übergeben.

Simple Variante, funktioniert nur mit Werten, die einen Bindestrich enthalten

function css2JsNotation( s ) {
  var tokens = s.toLowerCase().split( '-' );
 
  if( tokens.length == 1 ) {
    return( s );
  }
 
  return( tokens[ 0 ] + tokens[ 1 ].charAt( 0 ).toUpperCase() + tokens[ 1 ].substr( 1, tokens[ 1 ].length -1 ) );
}

Komplexe Variante, verarbeitet bel. viele Bindestriche

function css2JsNotationComplex( s ) {
  var tokens = s.toLowerCase().split( '-' );
  if( tokens.length == 1 ) {
    return( s );
  }
 
  var result = [ tokens[ 0 ] ];
 
  for( var k=1; k<tokens .length; k++ ) {
    result.push( tokens[ k ].charAt( 0 ).toUpperCase() + tokens[ k ].substr( 1, tokens[ k ].length -1 ) );
  }
 
  return( result.join( '' ) );
}

Update
Die CSS-Angabe float kann nicht 1:1 übersetzt werden. Für den Firefox muß cssFloat und für den Internet Explorer styleFloat benutzt werden. Man muß nicht zwangsläufig unterscheiden und kann einfach immer beide Werte setzen.