javascript - 有没有一种简单的方法可以将 "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)