10 tipps für webseitenbauer

[Kai345]

[latex]Mae  govannen![/latex]

Den letzten kapier ich nicht so ganz.
"3. Don’t use JS to modify styles (like using the .css() function in jQuery), but rather append class names that have those styles attached."

Was ist das Ausgangsproblem, was ist die nicht so tolle Lösung und was empfielt er stattdessen? Ein kl. Bsp wäre super :)

Styleänderungen per JS sind (relativ) langsam. Wenn man dahingegen dem Element nur eine Klasse hinzufügt/entzieht, werden alle betroffenen Stles auf einmal geändet.

Als Beispiel ein Wechsel einiger Eigenschaften:

var f = document.getElementByID('foo');  
f.style.backgroundColor = 'red';  
f.style.color = 'white';  
f.style.fontWeight = 'bolder';

und vllt später

var f = document.getElementByID('foo');  
f.style.backgroundColor = 'green';  
f.style.color = 'yellow';  
f.style.fontWeight = 'normal';

einfach

var f = document.getElementByID('foo');  
f.className += 'foojs'

bzw.

f.className.replace(/(^|\s)foojs($|\s)/i, '')

und als css

#foo {  
  background-color: green;  
  color: yellow;  
  font-weight: normal;  
}  
#foo.foojs {  
  background-color: red;  
  color: white;  
  font-weight: bolder;  
}

Cü,

Kai