Подтвердить что ты не робот

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

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

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

Ответ 1

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

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

Ответ 2

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

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

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

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

Ответ 3

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

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

Ответ 4

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

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


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

И так далее.

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


<div class="important">

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

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


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

Ответ 5

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

(CSS)

div.Error {
  color:red;
}

(ASP.NET/VB)

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

Ответ 6

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

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

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

Ответ 7

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