подключить css с помощью js

[Abraham]

Ребята подскажите как с помощью пользовательского скрипта (name.user.js) подключить к стороннему сайту свой css файл???

Желательно примерчик и по подробней.

[melky]

желательно было в гугле поискать перед записью на форум.

всё просто. создаём новый элемент, используя DOM, присваиваем ему значения атрибутов с помощью свойств, далее добавляем его на страницу

var $ = document; // shortcut
var cssId = 'myCss';  // you could encode the css path itself to generate id..
    var head  = $.getElementsByTagName('head')[0];
    var link  = $.createElement('link');
    link.id   = cssId;
    link.rel  = 'stylesheet';
    link.type = 'text/css';
    link.href = 'http://website.com/css/stylesheet.css';
    link.media = 'all';
    head.appendChild(link);

[Abraham]

спс

[zdimaz]

Здравствуйте !

Есть вот такой скрипт для подключения плагинов если есть переменная


function includeCss(file){

var link = document.createElement("link");
link.setAttribute("rel", "stylesheet");
link.setAttribute("type", "text/css");
link.setAttribute("href", file);
document.getElementsByTagName("head")[0].appendChild(link);

}

if(popup.length){


includeCss('plugins/Magnific-Popup-master/magnific-popup.css');

}

Сейчас выводит в самом конце, что не очень хорошо, а мне нужно чтобы выводило перед ссылкой подключения стилей в шапке <link rel="stylesheet" media="screen" href="css/style.css"> чтобы style.css перебивал стили.

Как вывести перед <link rel="stylesheet" media="screen" href="css/style.css"> ???

[рони]

zdimaz,
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[js]
... ваш код...
[/js]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

[рони]

zdimaz,
insertBefore
https://learn.javascript.ru/modifying-document