Comment modifiez-vous le style d'un div par programme

Comment puis-je changer le style (couleur) d'une div tels que les suivants?

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

source d'informationauteur Joe

  1. 7

    Si vous voulez modifier la couleur de la div avec le code côté client (javascript) qui s'exécute dans le navigateur, vous faites quelque chose comme ce qui suit:

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

    Essayez ceci:
    dans l' .fichier aspx mettre thees lignes

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

    ensuite, vous pouvez utiliser, par exemple,

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

    Si vous vouliez changer la classe plutôt que le style directement:
    ie.. créer une autre classe avec le style que vous voulez...

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

    Vous devez définir vos couleurs en CSS, puis modifier le CSS de la classe par programmation. Par exemple:

    (CSS)

    div.Error {
  color:red;
}

    (ASP.NET/VB)

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

    Il semble que vous écrivez ASP, ou peut-être JSP. Je ne suis pas trop familier avec l'une ou l'autre langue, mais les principes sont les mêmes quelle que soit la langue dans laquelle vous travaillez.

    Si vous travaillez avec un nombre limité de couleurs, puis l'option habituelle est de créer un certain nombre de classes et d'écrire la règle-ensembles pour eux dans votre feuille de style:

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

    Et ainsi de suite.

    Ensuite, demandez à votre serveur de script côté de générer le code HTML pour faire le CSS match:

    
<div class="important">

    Vous devriez, bien sûr, s'assurer que l'information est disponible par d'autres moyens que de la couleur.

    Si les couleurs sont déterminées au moment de l'exécution, puis vous pouvez générer des attributs de style:

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

    Généralement, vous pouvez le faire directement

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

    Il y a une référence ici.

  7. 0

    Que le fragment de code ne veut pas dire grand-chose - si le code est côté serveur, pourquoi ne pas changer par exemple la classe de l'élément HTML?