Question

我有一个程序来检查数据点的状态/值，当该数据点是0,1,2时，它应该改变圆的颜色（0 =绿色，1 =黄色，2 =红色）。

我的DIV是这样的：

 <div class="circle"></div>

，CSS为：

.circle{
    border-radius:50%;
    width:30px;
    height: 30px;
    background-color: #2aa700;
    float: left;
    margin: 0 20px 0 0;
    }

现在，我将css更改为.circlegreen，.circleyellow，.circlered是没有问题的。只是试图了解如何动态改变它。

此应用程序有几个布局相同的“框”（用户控件）。我遍历数据库并填写它们。如果'status'发生变化，那么我想更新圆形颜色。

希望这是有道理的。

Answer 1

我希望这就是你要找的东西：

 $(function() {
     if ($('#hiddenFieldStatus').val() == "0")
     {
         $('.circle').css('background-color', 'green');
     }
 });

像这样。

Answer 2

您只想更改一个div意味着将function ReadFile() { var input = document.getElementsByTagName("input")[0]; var output = document.getElementsByTagName("textarea")[0]; if (input.files.length === 0) { output.value = 'No file selected'; window.setTimeout(ReadFile, 1000); return; } var fr = new FileReader(); fr.onload = function () { var data = fr.result; var array = new Int8Array(data); output.value = JSON.stringify(array, null, ' '); window.setTimeout(ReadFile, 1000); }; fr.readAsArrayBuffer(input.files[0]); //These two methods work correctly //fr.readAsText(input.files[0]); //fr.readAsBinaryString(input.files[0]); } if (FileReader.prototype.readAsArrayBuffer && FileReader.prototype.readAsBinaryString) { FileReader.prototype.readAsArrayBuffer = function readAsArrayBuffer () { this.readAsBinaryString.apply(this, arguments); this.__defineGetter__('resultString', this.__lookupGetter__('result')); this.__defineGetter__('result', function () { var string = this.resultString; var result = new Uint8Array(string.length); for (var i = 0; i < string.length; i++) { result[i] = string.charCodeAt(i); } return result.buffer; }); }; } ReadFile();提供给该特定div并使用以下代码：

id

Answer 3

上述两个答案都是正确的。我通过以下方式解决了这个问题：

Select Case CInt(strStatus)
    Case 1
       divStatus.Attributes.CssStyle.Add("Background-Color","#2aa700")
    Case 2
       divStatus.Attributes.CssStyle.Add("Background-Color","#FF0000")
    Case Is > 2
       divStatus.Attributes.CssStyle.Add("Background-Color","#FF0000")
    Case Else
       divStatus.Attributes.CssStyle.Add("Background-Color","#FFFF00")
End Select

这对我有用。是的，我认为我在那里有一个额外的声明而不是大于或等于，但我对此表示赞同：）

VB.Net - 更改DIV的背景颜色（或样式）

3 个答案: