Wie ändern Sie den Stil eines div programmgesteuert

Question

Wie ändere ich den Stil (Farbe) eines div wie folgt?

Answer 1

Wenn Sie die Farbe des div mit Client-Seite Code (JavaScript) läuft im Browser verändern wollen, tun Sie etwas wie folgt aus:

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

Answer 2

Dieses Codefragment sagt nicht viel - wenn der Code serverseitig ist, ändern Sie z. die Klasse des HTML-Elements dort?

Answer 3

Es sieht aus wie Sie ASP schreiben, oder vielleicht JSP. Ich bin nicht vertraut mit beiden Sprachen, aber die Prinzipien sind gleich, egal in welcher Sprache Sie arbeiten.

Wenn Sie mit einer begrenzten Anzahl von Farben arbeiten, dann ist die übliche Option, eine Reihe von zu erstellen Klassen und schreiben Regelsätze für sie in Ihrem Stylesheet:

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

Und so weiter.

haben Sie dann Ihren Server-Seite Skript, um die HTML generieren, um die CSS-Spiel zu machen:

<div class="important"> 

Sie sollten natürlich, ensure that the information is available through means other than colour auch.

Wenn die Farben zur Laufzeit bestimmt werden, dann können Sie erzeugen Stilattribute:

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

Answer 4

Sie sollten Ihre Farben in CSS festlegen und dann die CSS-Klasse programmatisch ändern. Zum Beispiel:

(CSS)

div.Error { 
    color:red; 
} 

(ASP.NET/VB)

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

Answer 5

Im Allgemeinen können Sie es direkt tun

document.getElementById ("myDiv") .style.color = "rot";

Es gibt eine Referenz here.

Answer 6

Try this: in der ASPX-Datei Put- thees Linien

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

dann können Sie zum Beispiel verwenden

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

Answer 7

Wenn y Sie möchten die Klasse anstelle des Stils direkt ändern: dh .. erstellen Sie eine andere Klasse mit dem gewünschten Styling ...

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