试图获取图标字体的内容值答案

【问题标题】：Trying to get content value of icon font试图获取图标字体的内容值
【发布时间】：2014-05-27 07:17:59
【问题描述】：

我正在使用网络图标字体，我正在尝试获取 :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');

它正在尝试显示图标，但没有给出内容。

有没有办法得到这个？

【问题讨论】：

据我所知，没有办法访问之前/之后的伪元素（但我很容易出错）。看起来您的设计将显示与逻辑混合在一起，这通常是一件坏事；也许你应该重新考虑你的结构。
Is there any way to reset :after/:before CSS rules for an element?的可能重复
@Dave 对您的聪明评论提出一个直截了当的问题，如果您能证明这些解决方案中的任何一个都符合我的要求，我将投票结束我的问题。
好的，安顿下来；我没有冒犯的意思。我标记为可能重复的问题是尝试做一个非常相似的事情（通过 JavaScript 访问之前/之后），但正如您从答案中看到的那样，虽然该功能是 DOM2 规范的一部分，但它从未实现并且具有现在被放弃了。就我个人而言，我认为这是一个很好的迹象，表明您尝试做的事情是不可能的。

标签： javascript pseudo-element

【解决方案1】：

您可以使用window.getComputedStyle 访问伪元素，如下所示：

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

这是一个working fiddle

【讨论】：