javascript - 如何检索呈现的填充值

Question

我有一个元素 padding-right: 0.25em; 和 font-size: 2.75em;，这个元素在它的父节点中。父节点具有这种样式:font-size: 20px。

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

我可能会更改我的父节点字体大小以具有不同的 padding-right 值，我如何动态检索新 padding-right 的真实渲染值？

我试过了:

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

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

Answer 1

使用getComputedStyle如下:

let para = document.querySelector('.word');
let compStyles = window.getComputedStyle(para);

let mypadding = compStyles.getPropertyValue('padding-right');