español - asp.net mvc versions

¿Cómo se cambia el estilo de un div programáticamente?

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

Debería establecer sus colores en CSS y luego cambiar la clase CSS programáticamente. Por ejemplo:

(CSS)

div.Error {
  color:red;
}

(ASP.NET/VB)

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

Answer 2

En general, puedes hacerlo directamente

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

Hay una referencia aquí .

Answer 3

Ese fragmento de código no dice mucho: si el código está en el lado del servidor, ¿por qué no cambias, por ejemplo, la clase del elemento HTML?

Answer 4

Intente esto: en el archivo .aspx ponga thees lines

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

entonces puedes usar, por ejemplo

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

Answer 5

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

Si trabaja con una cantidad limitada de colores, la opción habitual es crear varias clases y escribir reglas para ellas en su hoja de estilo:

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

Y así.

Luego, haga que su script del lado del servidor genere el HTML para hacer coincidir el CSS:

<div class="important">

Por supuesto, debe asegurarse de que la información esté disponible por otros medios además del color .

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

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

Answer 6

Si desea modificar el color del div con el código del lado del cliente (javascript) ejecutándose en el navegador, haga algo como lo siguiente:

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

Answer 7

Si desea cambiar la clase en lugar del estilo directamente, es decir, cree otra clase con el estilo que desee ...

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