javascript - 如何通过 JavaScript 更新 CSS?

标签 javascript html css

<分区>

在一个函数中,我有一个“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)

最佳答案

只要加上引号就可以了。

代替

ChangeUserColor(1, red);

使用

ChangeUserColor(1, "red");

关于javascript - 如何通过 JavaScript 更新 CSS?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58453182/

相关文章:

javascript - 如何使用从同一文件获取的文字访问 JSON 文件中的对象属性

html - 依赖:after to add a colon to labels?安全吗

javascript - 如何一次删除一个类元素?

html - 粗体文本在 iPhone 上不显示,但在 Android 上显示正常

javascript - 使用 IE 导航时处理网站弹出窗口

javascript - mp3 文件的 Google Picker ViewId

html - 文本对齐问题

css - 外部样式表中的样式与使用 style= 不同

javascript - 单击时如何将 td-tag 更改为 html 中的 input-tag?

javascript - 如何在多个CSS动画之间切换?