JavaScriptを使用して多くのスタイル変更を単一の要素に適用する場合、 phpied&Writing Efficient JavaScript(スライド87)は次のことを示唆しています。
style.stylenameを使用してスタイルを1つずつ適用する代わりに、cssTextを使用するか、クラス名を変更すると、リフロー/リペイントが減少するため、すべてを一度に適用できます。
スタイルの変更が1つしかない場合、どちらが良いですか?
document.getElementById('myid').style.cssText += ";color:#999;";
また
document.getElementById('myid').style.color = "#999";
jsperf.com/csstext-vs-styles-singleは、スタイルの変更が1つしかない場合、個々のスタイル名を使用する方がcssTextよりも高速であることを示しています。
他にも考慮すべき要素はありますか?