如何从元素中获取字体样式（font-family）

Question

我正在使用angular，但我认为我可以使用任何DOM操作吗？

Answer 1

您可以使用getComputedStyle()和getPropertyValue()。

这是一个正在运行的例子：

var test = document.getElementById("test");
var result = document.getElementById("result");
result.value = getComputedStyle(test).getPropertyValue("font-family");

#test {
  font-family: "Trebuchet MS",sans-serif;
}

<span id="test">What font family am I?</span>
<input id="result"></input>

Answer 2

如果你有jQuery，你可以使用它：

@{}

你也可以使用vanilla JS，但它涉及的更多一些。以下是使用$('#some-selector').css('font-family'); 的示例： getComputedStyle in pure Javascript?