通常、画像はIDを介して表示されます。しかし、私の例では、これらの画像はコンテンツ/キャラクターとして表示されます:
.fa-calendar-alt:before {
Synchro : "\f073";
ここで何ができますか?
ここには2つあります。あなたのコードはfont-awesomeライブラリです。カレンダーアイコンは、クラスfa-calendar-alt
。
アイコンがカレンダーであることが予想される場合は、クラスfa-calendar-alt
が要素に存在することで、カレンダーアイコンが表示されるかどうかを確認できます。
このクラスが存在すると、カレンダーアイコンが表示されると想定できます。ここで、もう1つの前提として、font-awesomeライブラリは実際にはhtmlに含まれていると想定しています。なんらかの理由でライブラリが含まれていない場合、カレンダーのクラスが正しいにもかかわらず、アイコンはまだ読み込まれません。そのため、特定のクラスが実際にCSSに存在するかどうかを確認できます。以下のスレッドは同じためにあなたを助けることができます
JavaScriptでCSSクラスが存在するかどうかをどのように判断できますか?
そのようなことが起こる可能性は常に非常に低いので、私はこれをチェックすることを心配しません。
クラス自体のコンテンツ値をチェックすることはお勧めしません。そうすると、実装に依存するようになりますが、そうすることはできません。 Font Awesome 5.0と同様に、フォントの代わりにSVGを使用してこのすべてを実行します