如何通过 JavaScript 更新 CSS？

Question

在一个函数中，我有一个“statuscolor”参数，它允许用户根据他们选择的内容更改颜色；

function ChangeUserColor(id, statuscolor) {

    var userId = $('#hdId').val();

    var code = "";

    if (userId == id) {

       code = $('<span class="status" style="background-color:' + statuscolor + '"></span>');

    }

    $("#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.<anonymous> (hubs:25)

    at init.f.<computed>.<computed> (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.<anonymous> (jquery.signalR-2.2.2.min.js:9)

    at t.fn.init.<anonymous> (jquery.signalR-2.2.2.min.js:9)

    at t.fn.init.dispatch (jQuery-1.9.1.min.js:3)

Answer 1

只需添加引号就可以了。代替ChangeUserColor(1,&nbsp;red);用ChangeUserColor(1,&nbsp;"red");

Answer 2

red应该是一个字符串ChangeUserColor(1, 'red');&nbsp;这里是一篇关于最常见错误的文章https://medium.com/@Iren.Korkishko/10-most-common-javascript-errors-dfdca7dbf3f5

Answer 3

要更改 HTML 元素的样式，请使用以下语法：document.getElementById(id).style.property&nbsp;=&nbsp;new&nbsp;style更改属性和值，它将起作用。