Попытка получить значение содержимого шрифта значка

Я использую шрифт веб-значка и пытаюсь получить содержимое псевдоселектора :before, как показано ниже.

 var ele = document.querySelector('.flaticon-fishing2');
 var beforeEle = ele.previousSibling;
 // Now befpreEle does not seem to have anything.
 // I want to get the binary content code value of before element

Я тоже пробовал это

 var content = window.getComputedStyle(
document.querySelector('.flaticon-fishing2'), ':before'
 ).getPropertyValue('content');

Он пытается отобразить значок, но не дает содержимое.

Есть ли способ получить это?


person Exception    schedule 13.04.2014    source источник
comment
Насколько я знаю, нет никакого способа получить доступ к псевдоэлементам до/после (но я легко могу ошибаться). Кажется, что ваш дизайн смешивает отображение с логикой, что обычно плохо; возможно, вам следует переосмыслить свою структуру.   -  person Dave    schedule 13.04.2014
comment
возможный дубликат Есть ли какие-либо как сбросить правила CSS :after/:before для элемента?   -  person Dave    schedule 13.04.2014
comment
@Dave Прямой вопрос к вашему умному комментарию: если вы сможете доказать, что какое-либо из этих решений работает для моего требования, я проголосую за закрытие своего вопроса.   -  person Exception    schedule 13.04.2014
comment
Хорошо, успокойся; Я не хотел обидеть. Вопрос, который я пометил как возможный дубликат, пытается сделать очень похожую вещь (доступ до/после через JavaScript), но, как вы можете видеть из ответа, хотя эта возможность была частью спецификации DOM2, она никогда не была реализована и не имеет сейчас сбросили. Лично я вижу в этом хороший признак того, что то, что вы пытаетесь сделать, невозможно.   -  person Dave    schedule 13.04.2014


Ответы (1)


Вы можете получить доступ к псевдоэлементам, используя window.getComputedStyle, например:

var content = window.getComputedStyle(document.querySelector('#ii'), ':before').getPropertyValue('content');

Вот рабочая скрипка

person Karim AG    schedule 13.04.2014