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

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

Есть баннер для вставки на сайты. Нужно присвоить стили элементам через скрипт. Как лучше это сделать? .css файл довольно объемный.
  • Вопрос задан
  • 472 просмотра
Комментировать
Подписаться 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 с Вашего сайта?

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

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
React разработчик
Uptrade
от 150 000 до 200 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Найти ошибку flutter_map
26 апр. 2024, в 05:31
1000 руб./за проект
Разработать электронику для весов с Wi-Fi
26 апр. 2024, в 01:22
1000 руб./в час
Очень срочно нужно помочь запустить программу с UI
26 апр. 2024, в 00:13
1000 руб./за проект
Ещё заказы