2016-07-18 2 views
-4

зеленый рыбак здесь снова. Это мой вопрос на этот раз:можно ли использовать CSS-файл в javascript?

можно ли использовать файл CSS в javascript?

Я действительно знаю, как это сделать: object.style = ""; однако, если мы можем сделать что-то нравится просто как: импорт stylesheet.css , то мы можем сделать что-то вроде object.style = stylesheet.getStyleById («#») что-то

а те, синтаксис наверху все это чушь моим воображением, однако, есть ли подобный способ сделать это?

+2

Даже не стоит комментировать, но здесь вы идете. Прочтите документы справки и сделайте свое исследование, прежде чем приходить сюда с таким ленивым вопросом. –

ответ

1

Более подходящий подход заключается в добавлении имен классов к вашим элементам. Затем используйте обычный CSS-файл для стиля для имени класса.

Включить в обычный файл CSS

.red-text { 
    color: red; 
} 

Затем добавьте соответствующее имя класса с JavaScript

document.getElementById("element").className += " red-text"; 
+0

Это перезаписывает, возможно, уже добавленные классы. – PeeHaa

+0

@PeeHaa Обновлено, чтобы добавить имя класса вместо переопределения. OP также, вероятно, должен будет иметь возможность удалять классы и избегать дублирования добавления имени класса - я просто демонстрирую концепцию. – DACrosby

0

Я думаю, что простой способ сделать это динамически добавлять/удалять классы/иды на элементы, которые вы хотите стилизовать. Вы можете сделать это, используя функции jQuery addClass и removeClass, или с атрибутом element.className.