0

我正在使用带有 WPBakery Web Builder 的 WordPress。

我正在尝试捕获屏幕中特定元素的 CSS 属性(“font-size”)。为了捕获元素及其属性,我使用 JavaScript。

我正在运行以下脚本:

var v = document.getElementsByClassName("cb-img-area");
v[0].style.fontSize;

并且输出是“”,即使这是类的 CSS -

.cb-img-area {
    font-size: 72px;
    margin-bottom: 25px;
    margin-right: 0;
    float: left;
    width: 100%;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

如何获取类的字体大小属性?

谢谢

4

1 回答 1

0

原文在这里

仅仅抓住元素的 style.fontSize 可能行不通。如果字体大小由样式表定义,则会报告“”(空字符串)。

您应该使用 window.getComputedStyle。

var el = document.getElementById('foo');
var style = window.getComputedStyle(el, null).getPropertyValue('font-size');
var fontSize = parseFloat(style); 
// now you have a proper float for the font size (yes, it can be a float, not just an integer)
el.style.fontSize = (fontSize + 1) + 'px';
于 2020-07-27T23:49:53.840 回答