Question

我试过了：

document.getElementById("foo").style.fontSize

然而，什么都不返回。我的CSS在同一文档中定义，而不是单独的样式表。我也试过这个：

var el = document.getElementById("content");
var style = window.getComputedStyle(el, null).getPropertyValue("font-size");
var fontSize = parseFloat(style);
el.style.fontSize = (fontSize + 1) + "px";

但这不起作用。

这是有问题的HTML：

<p contenteditable="true" id="content">Write here. Seriously, try it.</p>

这就是css

#content {
    line-height: 30px;
    margin-top: 22px;
    min-height: 90%;
    display: block;
    padding: 0 20px 0 20px;
    font-size:15px;
}

Answer 1

尝试将元素传递给window.getComputedStyle方法

window.getComputedStyle(document.getElementById('foo')).fontSize

如何在javascript中获取CSS字体大小？

1 个答案: