Как я могу обновить CSS с помощью JavaScript?

Как я могу обновить CSS с помощью JavaScript?

В функции у меня есть параметр statuscolor, который позволяет пользователю изменять цвет в зависимости от того, что он выбрал;

 function ChangeUserColor(id, statuscolor) { var userId = $('#hdId').val(); var code = ""; if (userId == id) { code = $('{amp}lt;span class="status" style="background-color:'   statuscolor   '"{amp}gt;{amp}lt;/span{amp}gt;'); } $("#divusers").append(code); } 

Я называю функцию как;

 ChangeUserColor(1, red); 

Мой CSS это:

 .status { height: 15px; width: 15px; background-color: #bbb; border-radius: 50%; display: inline-block; } 

Я получаю следующую ошибку:

 Uncaught ReferenceError: red is not defined at init.chatHub.client.onNewUserConnected (Chat.aspx:105) at init.{amp}lt;anonymous{amp}gt; (hubs:25) at init.f.{amp}lt;computed{amp}gt;.{amp}lt;computed{amp}gt; (jquery.signalR-2.2.2.min.js:9) at init.dispatch (jQuery-1.9.1.min.js:3) at init.v.handle (jQuery-1.9.1.min.js:3) at Object.trigger (jQuery-1.9.1.min.js:3) at init.triggerHandler (jQuery-1.9.1.min.js:4) at t.fn.init.{amp}lt;anonymous{amp}gt; (jquery.signalR-2.2.2.min.js:9) at t.fn.init.{amp}lt;anonymous{amp}gt; (jquery.signalR-2.2.2.min.js:9) at t.fn.init.dispatch (jQuery-1.9.1.min.js:3) 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector