如何检索呈现的填充值

Question

我有一个具有padding-right: 0.25em;和font-size: 2.75em;的元素，该元素位于其父节点内。父节点的样式为:font-size: 20px。

所以元素的实际填充是由父节点的字体大小控制的，对吧?

我可以改变我的父节点字体大小有不同的填充右值，我如何动态检索真实呈现新填充物的价值，对吧?

I tried:

$('.word').innerWidth() - $('.word').width()

但这只带来固定值!!在我的情况下，12.

Answer 1

使用getComputedStyle如下:

let para = document.querySelector('.word');
let compStyles = window.getComputedStyle(para);
let mypadding = compStyles.getPropertyValue('padding-right');