@roma
Чтобы подключить CSS в JavaScript, можно использовать один из следующих методов:
- Использование элемента link:
1
2
3
4
5
|
var link = document.createElement('link');
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = 'path/to/style.css';
document.head.appendChild(link);
|
- Использование тега style:
1
2
3
|
var style = document.createElement('style');
style.innerHTML = 'body { background-color: red; }';
document.head.appendChild(style);
|
- Использование свойства style элемента:
1
|
document.body.style.backgroundColor = 'red';
|
- Использование метода insertRule объекта CSSStyleSheet:
1
2
3
|
var sheet = new CSSStyleSheet();
sheet.insertRule('body { background-color: red; }', 0);
document.adoptedStyleSheets = [sheet];
|
- Использование метода addRule объекта CSSStyleSheet (только в старых браузерах):
1
2
|
var sheet = document.styleSheets[0];
sheet.addRule('body', 'background-color: red;', 0);
|
Какой из этих методов выбрать, зависит от конкретной ситуации и потребностей. Обратите внимание, что некоторые из этих методов не поддерживаются во всех браузерах.