Как вы меняете стиль div программно

Question

Как изменить стиль (цвет) элемента div, например, следующий?

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

Answer 1

Попробуйте это: в файле .aspx поместите эти строки

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

тогда вы можете использовать, например,

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

Answer 2

Если вы хотите изменить цвет div с помощью кода на стороне клиента (javascript), работающего в браузере, вы делаете что-то вроде следующего:

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

Answer 3

Если вы хотите изменить класс вместо стиля напрямую: т.е. создайте другой класс с нужным вам стилем ...

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

Answer 4

Вы должны установить свои цвета в CSS, а затем программно изменить класс CSS. Например:

(CSS)

div.Error {
  color:red;
}

(ASP.NET/VB)

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

Answer 5

Похоже, вы пишете ASP, или, возможно, JSP. Я не слишком знаком с любым языком, но принципы одинаковы, независимо от того, на каком языке вы работаете.

Если вы работаете с ограниченным количеством цветов, то обычным вариантом является создание ряда классов и запись для них наборов правил в таблицу стилей:

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

и т. Д.

Затем ваш серверный скрипт сгенерирует HTML, чтобы CSS соответствовал:

<div class="important">

Вы, конечно, должны убедиться, что информация доступна и другими способами, кроме цвета .

Если цвета определены во время выполнения, вы можете сгенерировать атрибуты стиля:

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

Answer 6

Как правило, вы можете сделать это напрямую

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

Здесь есть ссылка .

Answer 7

Этот фрагмент кода не говорит много - если код на стороне сервера, почему бы вам не изменить, например, класс элемента HTML существует?