JavaScript onClick değiştir css

Question

Bu gerçekten çok basit, css özelliklerini javascript ile değiştirerek yapabileceğinizi biliyorum;

document.getElementById('bob').style.background='#000000'; 

Ama bunu yeni öğrendim ki, bunu farklı bir şekilde yapabilir ve birden çok şeyi yapabilirsiniz.

document.getElementById('bob').css='background:#ffffff; color: #000000;'; 

Sorun unutmuş ne kodu, Yani ne temelde ulaşmak istiyoruz yerine ".css" nin gider nedir? Başının üst kısmına ihtiyacım olan kodu bilen var mı? http://jsfiddle.net/YSJfz/

document.getElementById('myDiv').setAttribute('style', 'background: #f00; color: #fff;'); 

Ben, elemanın style niteliğini değiştirmektir do tek şey başarmak için ne anlama geldiğini şudur:

Answer 1

Sana style

document.getElementById('bob').style.cssText = 'background:#ffffff; color: #000000;'; 

Örnek dan .cssText mülk arıyorsanız tahmin:

Answer 2

bu keman göz at?

Answer 3

http://jsfiddle.net/Sx5yH/ sana aradığını düşünüyorum Change an element's class with JavaScript olduğunu. Bu şekilde, JavaScript'in kendi stilindeki tüm değişiklikleri değiştirmenize gerek yoktur (bu da kötüdür).

Yani böyle bir CSS sınıfı olacak:

.myClass { 
    background: #ffffff; 
    color: #000000; 
} 

Ve böyle sizin elemana oluştururuz:

document.getElementById("MyElement").className += " myClass"; 

Answer 4

document.getElementById('bob').style.cssText = 
    'background:#ffffff; color: #000000;';