Как ссылаться на файл CSS только в классе javascript

У меня есть файл javascript, и одна из его функций - создать HTML-код с помощью javascript.Как ссылаться на файл CSS только в классе javascript

HTML, создается во время выполнения и создает следующий элемент:

var oBox = document.createElement("notifiedusersbubble"); 
oBox.style.color="#808080"; 
oBox.style.display = "none"; 
oBox.style.position= "absolute"; 
oBox.style.width="200px"; 
oBox.style.border = '1px solid black'; 
oBox.style.background = "#DDEFF1"; 
oBox.style.fontFamily="arial,sans-serif"; 
oBox.style.padding="2px 2px 2px 4px";

Вместо того, чтобы оставить все стили внутри файла JavaScript, я хочу поставить т в файл CSS и ссылаться на него оттуда.

Проблема в том, что я не знаю, как это сделать, используя javascript. Я знаю, что сделать это, используя HTML Я хотел бы написать следующее внутри <head> тега:

<link href="style.css" rel="stylesheet" type="text/css" />

источник

2014-12-05 Anonymous

Возможный дубликат: (http://stackoverflow.com/questions/574944/how-to-load-up-css-files-using-javascript) – Joanes

Вы можете создать link элемент так же, как и любой другой элемент:

var link = document.createElement('link'); 
link.rel = "stylesheet"; 
link.type = "text/css"; 
link.href = "style.css"; 
document.querySelector("head").appendChild(link);

... но что сказал , Я обычно ожидал, что вы оставите это автору страницы, просто перечислите его как требование вашего скрипта, чтобы CSS был помещен на страницу — не в последнюю очередь потому, что он позволяет им комбинировать этот CSS с другим CSS, чтобы избежать большого количества HTTP-запросы и т. Д. Это то, что каждая основная структура/библиотека (jQuery UI, Bootstrap и т. Д.) D OES.

источник

2014-12-05 09:37:51

он говорит: «объект не поддерживает свойство или метод queryselector» –

@ Alex: Ого, вы используете ** действительно ** старый браузер, даже IE8 имеет 'querySelector'. Вы можете использовать 'document.getElementsByTagName (« head ») [0] .appendChild (link);' вместо этого. –

Как ссылаться на файл CSS только в классе javascript

ответ

Смежные вопросы