Как подключить css в Javascript?

Пользователь

от roma , в категории: JavaScript , 2 года назад

Как подключить css в Javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от jett , год назад

@roma 

Чтобы подключить CSS в JavaScript, можно использовать один из следующих методов:

  1. Использование элемента 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);


  1. Использование тега style:
1
2
3
var style = document.createElement('style');
style.innerHTML = 'body { background-color: red; }';
document.head.appendChild(style);


  1. Использование свойства style элемента:
1
document.body.style.backgroundColor = 'red';


  1. Использование метода insertRule объекта CSSStyleSheet:
1
2
3
var sheet = new CSSStyleSheet();
sheet.insertRule('body { background-color: red; }', 0);
document.adoptedStyleSheets = [sheet];


  1. Использование метода addRule объекта CSSStyleSheet (только в старых браузерах):
1
2
var sheet = document.styleSheets[0];
sheet.addRule('body', 'background-color: red;', 0);


Какой из этих методов выбрать, зависит от конкретной ситуации и потребностей. Обратите внимание, что некоторые из этих методов не поддерживаются во всех браузерах.

Пользователь

от autumn_parker , год назад

@roma