"font"スタイルのプロパティをそれぞれのスタイルに簡単に変換できますか？例えば

Question

：ここ

は、スタイルオブジェクトである：

{ 
    font: normal normal bold 14px/14px arial, 
    color: black 
} 

私は修正オブジェクトのようなものになりたい：私は簡単に文字列を分割し、アウト解析でき

{ 
    fontStyle: normal, 
    fontVariant: normal, 
    fontWeight: bold, 
    fontSize: 14px, 
    lineHeight: 14px, 
    fontFamily: arial, 
    color: black 
} 

各プロパティが存在しない場合があります。たとえば、次のようなスタイルオブジェクトを受け取ることができます。

{ 
    font: bold 14px arial 
} 

ありがとう！

Answer 1

スタイルが実際に要素に適用されている場合、現在のブラウザ使用することができます。

window.getComputedStyle(el).getPropertyValue(...) 

は、個々のフィールドの値を抽出するために（例えばfont-family、line-height）

Answer 2

どの部分に問題がありますか？プロパティの順序と各プロパティに許容可能な値があります。そのプロパティに有効な値を持たないプロパティをスキップします。