JavaScript onClick изменить css

это, вероятно, очень просто, я знаю, что вы можете изменить свойства css с помощью javascript;

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

но недавно я узнал, что вы можете сделать это по-разному и стиль несколько вещей, что-то вроде этого;

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

проблема в том, что я забыл, что такое код, поэтому я в основном хочу достичь того, что входит вместо ".css"? Кто-нибудь знает код, который мне нужен в верхней части головы?

7
css javascript onclick

4 ответов

Я думаю, вы ищете .cssText собственность от style

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

пример:http://jsfiddle.net/Sx5yH/

19

взгляните на эту скрипку:http://jsfiddle.net/YSJfz/

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

все, что я делаю, это изменить style атрибут элемента, это то, что вы хотели сделать?

7

Я думаю, что вы ищет изменить класс элемента с помощью JavaScript. Поскольку таким образом вам не нужно жестко кодировать все изменения стиля На самом JavaScript (что плохо).

таким образом, у вас будет класс CSS:

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

и вы установите свой элемент следующим образом:

document.getElementById("MyElement").className += " myClass";
3
document.getElementById('bob').style.cssText = 
    'background:#ffffff; color: #000000;';
2