, ¿cómo cambiar el estilo de un div programación

Question

¿Cómo cambio el estilo (color) de un div como el siguiente?

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

Answer 1

Si desea alterar el color de la div con código del lado del cliente (JavaScript) que se ejecuta en el navegador, hacer algo como lo siguiente:

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

Answer 2

Ese fragmento de código no dice mucho: si el código es del lado del servidor, ¿por qué no cambia, p. la clase del elemento HTML allí?

Answer 3

Parece que está escribiendo ASP, JSP o tal vez. No estoy familiarizado con ninguno de los dos idiomas, pero los principios son los mismos sin importar en qué idioma esté trabajando.

Si trabaja con un número limitado de colores, la opción habitual es crear un número de clases y escribir conjuntos de reglas para ellos en su hoja de estilo:

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

Y así sucesivamente.

Luego tienen la secuencia de comandos del lado del servidor genera el código HTML para hacer el partido CSS:

<div class="important"> 

Usted debe, por supuesto, ensure that the information is available through means other than colour también. atribuye

Si los colores se determinan en tiempo de ejecución, a continuación, se puede generar el estilo:

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

Answer 4

Se debe ajustar sus colores en el CSS, y luego cambiar la clase CSS mediante programación. Por ejemplo:

(CSS)

div.Error { 
    color:red; 
} 

(ASP.NET/VB)

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

Answer 5

Generalmente, puede hacerlo directamente

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

Hay una referencia here.

Answer 6

Prueba esto: en el puesto archivo .aspx líneas Thees

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

continuación, se pueden utilizar, por ejemplo,

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

Answer 7

Si y Quería cambiar la clase en lugar del estilo directamente: es decir ... crear otra clase con el estilo que desee ...

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