javascript - 计算DOM属性的一个奇怪的问题(getComputedStyle)

 哚菟菟_336 发布于 2022-11-09 19:23

在做动画的时候,比如我们需要对某元素的line-height进行修改,我们首先需要计算当前line-height与目标line-height的差值,然后再进行进一步计算处理。
通过getComputedStyle(element).lineHeight 可以得到元素的line-height的计算值,单位为px;
然而当我们的目标值是一个百分比的时候,我们是无法计算差值的。
这时,jquery的做法是,先备份当前元素的getComputedStyle(element).lineHeight结果,
然后对元素应用该百分比样式,然后getComputedStyle(element).lineHeight得到的就是百分比对应的计算结果px值,最后再还原元素的样式。
那么就有如下代码:

function getComputed(el,op,percent){
    let bk = window.getComputedStyle(el)[op];
    el.style.op = percent;
    let ret = window.getComputedStyle(el)[op];
    el.style.op = bk;
    return ret
}

实验发现返回的ret不是percent对应的px值,而是el的原始样式
但是我把代码提出来,一行行运行就没问题。麻烦指教下,这是什么情况?

1 个回答
  • 解决了。。太粗心了 用变量访问属性的时候得用[]

    function getComputed(el,op,percent){
        let bk = window.getComputedStyle(el)[op];
        el.style[op] = percent;
        let ret = window.getComputedStyle(el)[op];
        el.style[op] = bk;
        return ret
    }
    2022-11-12 01:42 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有