如何通过 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, red);

用

ChangeUserColor(1, "red");

Answer 2

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

Answer 3

要更改 HTML 元素的样式，请使用以下语法：

document.getElementById(id).style.property = new style

更改属性和值，它将起作用。