Как изменить свойства стиля?

Question

[uuuu]

Стиль имеет:

.mystyle {
  color: #FFFFFF;
}

и он используется для многих элементов.
Можно ли через JS поменять color: #123456 в свойстве самого стиля, чтобы не прописывать это к каждому элементу?

Answer 1

[Stalker_RED]

Если нужно именно редактировать, и стили подключены тегом <style>, то можно использовать cssRule.

Если подключены как <link rel="stylesheet"... - только так:

const newStyle = `
.mystyle {
  color: #123456 ;
}`;

document.head.insertAdjacentHTML('beforeend', `<style>${newStyle}</style>`);

этот способ сработает в обоих случаях.

Comments

[uuuu]

А можно ли как-то редактировать или удалять вставленные новые заголовки?

[Stalker_RED]

uuuu, можно

Answer 2

[Swert]

• Метод insertRule() позволяет динамически добавлять правила в таблицу стилей.
  
• С помощью deleteRule() вы можете удалить существующие правила из таблицы стилей.
  
• Доступ к правилам в таблице стилей можно получить через атрибуты cssRulesтаблицы стилей.