Задать вопрос
kon-rafikov
@kon-rafikov
Не забывайте отмечать решение
css

Как переписать стили элементов из .css в .js файл?

Есть баннер для вставки на сайты. Нужно присвоить стили элементам через скрипт. Как лучше это сделать? .css файл довольно объемный.
  • Вопрос задан
  • 476 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 1
@healqq
А не подойдет вариант с загрузкой файла и добавлением в документ?
Как-то так например:
$('head').append('<link rel="stylesheet" type="text/css" href="url_to_css_file">');
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 3
Stalker_RED
@Stalker_RED 
<html>
<head></head>
<body>
<h1>test</h1>
<script>
var css = 'h1 { background: red; } body {background-color: lightgray; }',
    head = document.head || document.getElementsByTagName('head')[0],
    style = document.createElement('style');

style.type = 'text/css';
if (style.styleSheet){
  style.styleSheet.cssText = css;
} else {
  style.appendChild(document.createTextNode(css));
}

head.appendChild(style);
</script>
</body>
</html>
Ответ написан
Комментировать
Комментировать
@dmitryKovalskiy
программист средней руки
если много типового css - попробуйте с .less познакомиться
Ответ написан
3 комментария
3 комментария
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
1. Банер который предполагается вставлять на другой сайт должен быть минималистичен, сократите css.
2. Пишите в style="" , что бы избежать возможных проблем.
3. Если Ваш банер подключает у себя вебмастер, что ему стоит добавить строчку подключения css с Вашего сайта?

ПС хотелось бы глянуть на этот банер
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Trainee - IT Support
move2usajobs LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Сделать бэкап сайта(форума) и установить его на сервер
23 нояб. 2024, в 04:31
2000 руб./за проект
Смонтировать видео
23 нояб. 2024, в 01:31
1000 руб./за проект
Настроить сайт
23 нояб. 2024, в 00:16
2000 руб./за проект
Ещё заказы