जावास्क्रिप्ट पर क्लिक करें सीएसएस

Question

यह शायद वास्तव में सरल है, मुझे पता है कि आप जावास्क्रिप्ट के साथ सीएसएस गुणों को बदल सकते हैं;

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

लेकिन मुझे हाल ही में पता चला है कि आप इसे अलग-अलग कर सकते हैं और कई चीजों को स्टाइल कर सकते हैं, इसलिए ऐसा कुछ;

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

समस्या मैं भूल गए हैं क्या कोड, तो क्या मैं मूल रूप से हासिल करना चाहते हैं क्या ".css" के बजाय में चला जाता है? क्या किसी को कोड पता है जो मुझे अपने सिर के ऊपर की जरूरत है? http://jsfiddle.net/YSJfz/

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

सभी कि मैं तत्व की style विशेषता बदलने के लिए, यह है कि क्या आप पूरा करने के लिए होती है:

Answer 1

मुझे लगता है कि आप से style

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

उदाहरण .cssText संपत्ति की तलाश में हैं: http://jsfiddle.net/Sx5yH/

Answer 2

इस बेला पर एक नज़र है?

Answer 3

मुझे लगता है कि आप के लिए क्या देख रहा है Change an element's class with JavaScript है। इस तरह से आपको जावास्क्रिप्ट पर सभी शैली परिवर्तनों को हार्डकोड करने की आवश्यकता नहीं है (जो खराब है)।

तो तुम इसे पसंद एक CSS वर्ग होगा:

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

और तुम इस तरह अपने तत्व पर सेट कर देंगे:

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

Answer 4

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