CSS Стиль не работает после обновления div

Question

Я пытаюсь обновить sh div, используя jQuery, но после обновления мой CSS не работает.

К вашему сведению: я динамически устанавливаю CSS,

document.getElementById("sai").style.color = "green";



window.setInterval('refresh()', 1000);  
      function refresh() {
        $('#nav-tabContent').load(' #nav-tabContent')

      }

После обновления div зеленый не используется.

Answer 1

Когда вы добавляете цвет следующим образом:

document.getElementById("sai").style.color = "green";

вы добавляете его как встроенный стиль.

Когда вы снова визуализируете div, добавленные вами встроенные стили динамически исчезают. Вы должны добавить color снова после этого действия, как показано ниже:

window.setInterval('refresh()', 1000);  
      function refresh() {
        $('#nav-tabContent').load(' #nav-tabContent');
        document.getElementById("sai").style.color = "green";
      }

Answer 2

Это должно быть написано так. Ссылка на рабочий код здесь.

window.setInterval('refresh()', 1000);  
      function refresh() {
        $('#nav-tabContent').load(' #nav-tabContent')
      }
document.getElementById("sai").style.color = "green";

Answer 3

Вы должны применить стиль CSS снова после refre sh, так как он применяется динамически. Когда вы обновите sh div, браузер отобразит его снова с кодом, который он содержит статически, поэтому динамически добавленное css не будет применено.