试图获取图标字体的内容价值

Question

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

它正在尝试显示图标，但不会显示内容。

有没有办法解决这个问题？

Answer 1

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

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

这是 working fiddle