JavaScript onClick изменить css

Question

Это, вероятно, действительно просто, я знаю, что вы можете изменить свойства css с помощью javascript, выполнив:

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

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

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

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

Answer 1

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

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

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

Answer 2

Посмотрите на эту скрипку: http://jsfiddle.net/YSJfz/

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

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

Answer 3

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

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

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

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

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

Answer 4

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