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

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

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

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

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

И так далее.

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

<div class = "important">

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

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

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

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

(CSS)

div.Error {
  color:red;
}

(ASP.NET/VB)

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

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

document.getElementById ("myDiv"). style.color = "красный";

Там ссылка здесь.

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

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

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

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

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

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

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

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

ИМО, это лучший способ сделать это. Я нашел кое-что из этого в других сообщениях, но это первое появляется в поиске Google.

Эта часть работает для стандартного JavaScript. Я почти уверен, что вы можете использовать его для удаления всех стилей, а также для добавления / перекрытия.

var div = document.createElement('div');
div.style.cssText = "border-radius: 6px 6px 6px 6px; height: 250px; width: 600px";

ИЛИ ЖЕ

var div = document.getElementById('foo');
div.style.cssText = "background-color: red;";

Это работает только для jQuery

$("#" + TDDeviceTicketID).attr("style", "padding: 10px;");
$("#" + TDDeviceTicketID).attr("class", "roundbox1");

This works for removing it JQUERY
$("#" + TDDeviceTicketID).removeAttr("style");
$("#" + TDDeviceTicketID).removeAttr("class");