Javascript 正在尝试获取图标字体的内容值

我正在使用web图标字体，我正在尝试获取

：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');

它试图显示图标，但没有给出内容

---

有什么方法可以得到这个吗？

您可以使用

窗口访问伪元素。getComputedStyle

，如下所示：

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

---

据我所知，这里有一个

，无法访问before/after伪元素（但我很容易出错）。你的设计似乎把显示和逻辑混为一谈，这通常是一件坏事；也许你应该重新思考你的结构。@Dave的可能重复对你的明智评论来说，一个直截了当的问题，如果你能证明这些解决方案中的任何一个符合我的要求，我将投票结束我的问题。好的，安定下来；我无意冒犯你。我标记为可能重复的问题是试图做一件非常类似的事情（通过JavaScript访问之前/之后），但正如您从答案中看到的，虽然该功能是DOM2规范的一部分，但它从未实现，现在已被放弃。就我个人而言，我认为这是一个很好的迹象，表明你试图做的是不可能的。