Как прописать After или before в Javascript ? и возможно ли такое вообще ! заранее спасибо !
1
-
[Добавление и удаление узлов][1] [1]: learn.javascript.ru/modifying-document – Smash 6 мар '14 в 18:18
добавить комментарий
|
2 ответа
Напрямую взаимодействовать нельзя, но можно добавить inline-стили.
var addRule = (function (style) {
var sheet = document.head.appendChild(style).sheet;
return function (selector, css) {
var propText = "";
// Если передана строка, оставляем, как есть
if (typeof css === "string") {
propText = css;
}
// Если передан объект, обрабатываем каждый ключ
else {
propText = Object.keys(css).map(function (property) {
var value = "";
// Если попалось свойство "content",
// заключаем значение в кавычки
if (property === "content") {
value = "'" + css[property] + "'";
// Иначе оставляем, как есть
} else {
value = css[property];
}
// Склеиваем в строку пару "ключ" и "значение"
return property + ":" + value;
}).join(";"); // Склеиваем в строку все свойства
}
sheet.insertRule(selector + "{" + propText + "}", sheet.cssRules.length);
};
})(document.createElement("style"));
Вообще насколько мне известно - нельзя. Но есть такой костыль, как:
создать класс CSS с псевдоэлементом, и использовать $('.obj').addClass('class');
Примерно так: http://jsfiddle.net/Fbe5r/
Другие способы мне неизвестны.