font awesome: retrieve css of pseudo element 显示一个小矩形
font awesome: retrieve css of pseudo element displays a small rectangle
我正在尝试检索 font awesome 伪元素的 CSS 值。
这是 css:
.pe-icon--check:before {
content: '\f00c';
}
我使用这个查询
var symb = window.getComputedStyle($('.pe-icon--check').get(0), ':before').getPropertyValue('content');
但我得到的结果是一个小矩形
。我需要的值是 \f00c
。
有人可以帮我解决这个问题吗?
以下解决方案有效!!
var content = window.getComputedStyle(document.querySelector('.pe-icon--check'),':before').getPropertyValue('content');
function entityForSymbolInContainer(character) {
var code = character.replace(/"/g, '').charCodeAt(0);
var codeHex = code.toString(16).toUpperCase();
while (codeHex.length < 4) {
codeHex = "0" + codeHex;
}
return "\" + codeHex + ";";
}
我正在尝试检索 font awesome 伪元素的 CSS 值。 这是 css:
.pe-icon--check:before {
content: '\f00c';
}
我使用这个查询
var symb = window.getComputedStyle($('.pe-icon--check').get(0), ':before').getPropertyValue('content');
但我得到的结果是一个小矩形
。我需要的值是 \f00c
。
有人可以帮我解决这个问题吗?
以下解决方案有效!!
var content = window.getComputedStyle(document.querySelector('.pe-icon--check'),':before').getPropertyValue('content');
function entityForSymbolInContainer(character) {
var code = character.replace(/"/g, '').charCodeAt(0);
var codeHex = code.toString(16).toUpperCase();
while (codeHex.length < 4) {
codeHex = "0" + codeHex;
}
return "\" + codeHex + ";";
}