如何以編程方式更改div的樣式

Question

如何更改div的樣式（顏色），如下所示？

"<div id=foo class="ed" style="display: <%= ((foo.isTrue) ? string.Empty : "none") %>"> 
         <%= ((foo.isTrue) ? foo.Name: "false foo") %>"` 

Answer 1

如果你想改變與客戶端代碼（JavaScript）的股利的顏色在瀏覽器中運行的，你做的東西像下面這樣：在.aspx文件放 ：

<script> 
var fooElement = document.getElementById("foo"); 
fooElement.style.color = "red"; //to change the font color 
</script> 

Answer 2

該代碼片段不說太多 - 如果代碼是服務器端你爲什麼不改變例如那裏的HTML元素的類？

Answer 3

它看起來像你在寫ASP或JSP。我對任何一種語言都不太熟悉，但無論您使用哪種語言，原則都是一樣的。

如果您使用的顏色數量有限，那麼通常的選項是創建一些類和寫入規則集爲他們在你的樣式表：

.important { background: red; } 
.todo { background: blue; } 

等。

然後讓你的服務器端腳本生成HTML，使CSS比賽：

<div class="important"> 

你當然應該，ensure that the information is available through means other than colour爲好。

如果顏色在運行時確定的，那麼你就可以生成樣式屬性：

<div style="background-color: red;"> 

Answer 4

你應該設置在CSS的顏色，然後編程方式更改CSS類。例如：

（CSS）

div.Error { 
    color:red; 
} 

（ASP.NET/VB）

<div class='<%=Iif(HasError, "Error", "")%>'> .... </div> 

Answer 5

一般情況下，你可以做到這一點直接

的document.getElementById（ 「myDiv」） .style.color =「red」;

有一個參考here。

Answer 6

試試這個thees線

<div id="myDiv" runat="server"> 
    Some text 
</div> 

那麼你可以使用例如

myDiv.Style["color"] = "red"; 

Answer 7

若y你想直接改變類而不是風格： ie ..用你想要的造型創建另一個類...

myDiv.Attributes["class"] = "otherClassName"