0

ページに約 250 個のフォント アイコンがあり、各アイコンの Unicode 値をプログラムで抽出したいと考えています。

典型的なアイコンには、次のような対応する CSS があります。

.icon-play:before {
    content: "\f04b";
}

今まで試したこと...

document.querySelectorAll('[class^=icon-]')アイコンにアクセスします（今のところそれぞれiを呼び出します）。i.styleスタイル オブジェクトにアクセスしようとします。問題は、i.style.content値が空であることです。

この方法でコンテンツにアクセスしようとしましたdocument.querySelectorAll('[class^=icon-]:before')が、空の結果が生成されます。

どんな助けでも大歓迎です。ありがとう。

4

1 に答える 1

1

どうぞ：

var is = document.querySelectorAll('[class^=icon-]');
[].forEach.call(is, function (i) {
    console.log(
        window.getComputedStyle(i, ':before').content.slice(1, -1) // Strip off surrounding quotes
    );
});

JSFiddle (結果を視覚的に表示するために複雑さが増します)

Unicode 値を抽出する限り、目的の形式を指定しませんでした (文字列の内容を取得するだけの場合を除きます)。ただし、コード ポイントが必要な場合はcharCodeAt()、上記の文字列の各文字に適用してコードを見つけることができます。ポイントとあなたが望むようにそれらを行います。

于 2014-03-08T01:28:45.377 に答える