Snatch08
@Snatch08

Почему JS не меняет стиль CSS?

Почему Pure JS (Vanilla JS) не меняет стиль CSS?

Например, есть такой стиль:

#Deenuqe{
  font-family: Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.44rem;
  line-height: 36px;
  font-display: fallback;
  color: #000;
  background-color: #2D35BF;
  float: left;
}


Через JS хочу поменять так:

let Meuqeune = document.getElementById('Deenuqe');

Meuqeune.style = 'color: #FFF !important; background-color: #39A6A3 !important; ' ;


Так свойства почему-то не меняются. Свойства через JS меняются только другим способом, через document.createElement('style'); Хотелось бы этим способом и он вроде должен работать, но почему не работает. Подскажите пожалуйста, почему так
  • Вопрос задан
  • 656 просмотров
Пригласить эксперта
Ответы на вопрос 2
Незнаю но все вроде работает
<style>
#Deenuqe{
  font-family: Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.44rem;
  line-height: 36px;
  font-display: fallback;
  color: #000;
  background-color: #2D35BF;
  float: left;
}
</style>
<body>
<div id="Deenuqe">
qqq
</div>
<script>
let Meuqeune = document.getElementById('Deenuqe');
Meuqeune.style = 'color: #FFF !important; background-color: #39A6A3 !important; ' ;
</script>
</body>
Ответ написан
testerfaster
@testerfaster
web разработчик
ЕСЛИ У ВАС НЕ РАБОТАЕТ CSS ОЧИСТИТЕ ВСЕ ДАННЫЕ ОТ ХРОМА (КУКИ, ИСТОРИЯ И КЕШ)
6157620871074201605788.png
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы